From e230e1df960bbea06f718509b689ed76df6dcd12 Mon Sep 17 00:00:00 2001
From: Lukas Siatka <lukasz.siatka@grafana.com>
Date: Mon, 20 Jan 2020 12:16:41 +0100
Subject: [PATCH] Explore: updates Table container render to avoid rendering
 table on empty result

---
 public/app/features/explore/TableContainer.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/app/features/explore/TableContainer.tsx b/public/app/features/explore/TableContainer.tsx
index 247c6c68396..b9400a91151 100644
--- a/public/app/features/explore/TableContainer.tsx
+++ b/public/app/features/explore/TableContainer.tsx
@@ -40,17 +40,19 @@ export class TableContainer extends PureComponent<TableContainerProps> {
 
     const height = this.getTableHeight();
     const tableWidth = width - config.theme.panelPadding * 2 - PANEL_BORDER;
+    const hasTableResult = tableResult?.length;
 
     return (
       <Collapse label="Table" loading={loading} collapsible isOpen={showingTable} onToggle={this.onClickTableButton}>
-        {!tableResult?.length && (
+        {hasTableResult ? (
+          <Table data={tableResult} width={tableWidth} height={height} onCellClick={onClickCell} />
+        ) : (
           <div className="logs-panel-meta">
             <div className="logs-panel-meta__item">
               <span className="logs-panel-meta__value">0 series returned</span>
             </div>
           </div>
         )}
-        {tableResult && <Table data={tableResult} width={tableWidth} height={height} onCellClick={onClickCell} />}
       </Collapse>
     );
   }