From da9c792ca2edcf79d30569e266c4ea636f86a837 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Tue, 3 Nov 2015 08:18:35 +0100
Subject: [PATCH] feat(tablepanel): minor progress

---
 public/app/panels/table/module.ts | 20 ++++++++++++++++++--
 public/less/panel_table.less      |  4 ++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/public/app/panels/table/module.ts b/public/app/panels/table/module.ts
index 36094dd90b2..22b087bdfa4 100644
--- a/public/app/panels/table/module.ts
+++ b/public/app/panels/table/module.ts
@@ -58,6 +58,15 @@ export function tablePanelDirective() {
     link: function(scope, elem) {
       var data;
 
+      function getTableHeight() {
+        var panelHeight = scope.height || scope.panel.height || scope.row.height;
+        if (_.isString(panelHeight)) {
+          panelHeight = parseInt(panelHeight.replace('px', ''), 10);
+        }
+
+        return (panelHeight - 40) + 'px';
+      }
+
       function renderPanel() {
         var rootDiv = elem.find('.table-panel-container');
         var tableDiv = $('<table class="gf-table-panel"></table>');
@@ -70,8 +79,10 @@ export function tablePanelDirective() {
           rowElem.append(colElem);
         }
 
-        tableDiv.append(rowElem);
+        var headElem = $('<thead></thead>');
+        headElem.append(rowElem);
 
+        var tbodyElem = $('<tbody></tbody>');
         for (y = 0; y < data.rows.length; y++) {
           row = data.rows[y];
           rowElem = $('<tr></tr>');
@@ -79,9 +90,14 @@ export function tablePanelDirective() {
             colElem = $('<td>' + row[i] + '</td>');
             rowElem.append(colElem);
           }
-          tableDiv.append(rowElem);
+          tbodyElem.append(rowElem);
         }
 
+        tableDiv.append(headElem);
+        tableDiv.append(tbodyElem);
+
+        rootDiv.css({'max-height': getTableHeight()});
+
         rootDiv.empty();
         rootDiv.append(tableDiv);
       }
diff --git a/public/less/panel_table.less b/public/less/panel_table.less
index a46fb7e65b9..8cd62cbb76b 100644
--- a/public/less/panel_table.less
+++ b/public/less/panel_table.less
@@ -7,6 +7,10 @@
   }
 }
 
+.table-panel-container {
+  overflow: auto;
+}
+
 .gf-table-panel* {
   box-sizing: border-box;
 }