diff --git a/programs/server/play.html b/programs/server/play.html index c6cdf8717e6..91aaca06bc9 100644 --- a/programs/server/play.html +++ b/programs/server/play.html @@ -279,6 +279,19 @@ white-space: pre-wrap; } + td.empty-result + { + text-align: center; + vertical-align: middle; + } + + div.empty-result + { + opacity: 10%; + font-size: 7vw; + font-family: Liberation Sans, DejaVu Sans, sans-serif; + } + /* The style for SQL NULL */ .null { @@ -697,6 +710,18 @@ const td = renderCell(cell, col_idx, {is_transposed: true}); tr.appendChild(td); } + if (response.data.length == 0 && col_idx == 0) + { + /// If result is empty, show this fact with a style. + let td = document.createElement('td'); + td.rowSpan = response.meta.length; + td.className = 'empty-result'; + let div = document.createElement('div'); + div.appendChild(document.createTextNode("empty result")); + div.className = 'empty-result'; + td.appendChild(div); + tr.appendChild(td); + } tbody.appendChild(tr); } let table = document.getElementById('data-table'); @@ -705,7 +730,7 @@ function renderTable(response) { - if (response.data.length == 1 && response.meta.length >= 5) { + if (response.data.length <= 1 && response.meta.length >= 5) { renderTableTransposed(response) return; }