Fixed header support.

ui/package.json

@@ -22,14 +22,15 @@
     "angular-carousel": "^1.0.1",
     "angular-cookies": "1.5.8",
     "angular-drag-and-drop-lists": "^1.4.0",
+    "angular-fixed-table-header": "^0.2.1",
     "angular-fullscreen": "git://github.com/fabiobiondi/angular-fullscreen.git#master",
     "angular-gridster": "^0.13.14",
     "angular-hotkeys": "^1.7.0",
     "angular-jwt": "^0.1.6",
     "angular-material": "1.1.9",
     "angular-material-data-table": "^0.10.9",
-    "angular-material-icons": "^0.7.1",
     "angular-material-expansion-panel": "^0.7.2",
+    "angular-material-icons": "^0.7.1",
     "angular-messages": "1.5.8",
     "angular-route": "1.5.8",
     "angular-sanitize": "1.5.8",
@@ -66,9 +67,9 @@
     "md-color-picker": "0.2.6",
     "mdPickers": "git://github.com/alenaksu/mdPickers.git#0.7.5",
     "moment": "^2.15.0",
+    "ngFlowchart": "git://github.com/thingsboard/ngFlowchart.git#master",
     "ngclipboard": "^1.1.1",
     "ngreact": "^0.3.0",
-    "ngFlowchart": "git://github.com/thingsboard/ngFlowchart.git#master",
     "objectpath": "^1.2.1",
     "oclazyload": "^1.0.9",
     "raphael": "^2.2.7",

ui/src/app/app.js

@@ -39,6 +39,7 @@ import uiRouter from 'angular-ui-router';
 import angularJwt from 'angular-jwt';
 import 'angular-drag-and-drop-lists';
 import mdDataTable from 'angular-material-data-table';
+import fixedTableHeader from 'angular-fixed-table-header';
 import 'angular-material-expansion-panel';
 import ngTouch from 'angular-touch';
 import 'angular-carousel';
@@ -114,6 +115,7 @@ angular.module('thingsboard', [
     angularJwt,
     'dndLists',
     mdDataTable,
+    fixedTableHeader,
     'material.components.expansionPanels',
     ngTouch,
     'angular-carousel',

ui/src/app/components/widget/action/manage-widget-actions.tpl.html

@@ -56,7 +56,7 @@
     </md-toolbar>
     <md-table-container>
         <table md-table>
-            <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+            <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
             <tr md-row>
                 <th md-column md-order-by="actionSourceName"><span translate>widget-config.action-source</span></th>
                 <th md-column md-order-by="name"><span translate>widget-config.action-name</span></th>

ui/src/app/dashboard/states/manage-dashboard-states.tpl.html

@@ -72,7 +72,7 @@
                         </md-toolbar>
                         <md-table-container>
                             <table md-table>
-                                <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+                                <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
                                     <tr md-row>
                                         <th md-column md-order-by="name"><span translate>dashboard.state-name</span></th>
                                         <th md-column md-order-by="id"><span translate>dashboard.state-id</span></th>

ui/src/app/entity/attribute/attribute-table.tpl.html

@@ -126,7 +126,7 @@
         </md-toolbar>
         <md-table-container ng-show="mode!='widget'">
             <table class="tb-attribute-table" md-table md-row-select multiple="" ng-model="selectedAttributes" md-progress="attributesDeferred.promise">
-                <thead md-head md-order="query.order" md-on-reorder="onReorder">
+                <thead fix-head md-head md-order="query.order" md-on-reorder="onReorder">
                     <tr md-row>
                         <th md-column md-order-by="lastUpdateTs"><span translate>attribute.last-update-time</span></th>
                         <th md-column md-order-by="key"><span translate>attribute.key</span></th>

ui/src/app/entity/relation/relation-table.tpl.html

@@ -90,7 +90,7 @@
         </md-toolbar>
         <md-table-container>
             <table md-table md-row-select multiple="" ng-model="vm.selectedRelations" md-progress="vm.relationsDeferred.promise">
-                <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+                <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
                 <tr md-row>
                     <th md-column md-order-by="type"><span translate>relation.type</span></th>
                     <th md-column ng-if="vm.direction == vm.types.entitySearchDirection.from"

ui/src/app/extension/extension-table.tpl.html

@@ -111,7 +111,7 @@
 
         <md-table-container flex>
             <table md-table md-row-select multiple="" ng-model="vm.selectedExtensions" md-progress="vm.extensionsDeferred.promise">
-                <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+                <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
                     <tr md-row>
                         <th md-column md-order-by="id"><span translate>extension.id</span></th>
                         <th md-column md-order-by="type"><span translate>extension.type</span></th>

ui/src/app/widget/lib/alarms-table-widget.tpl.html

@@ -60,7 +60,7 @@
         </md-toolbar>
         <md-table-container flex>
             <table md-table md-row-select="vm.enableSelection" multiple="" ng-model="vm.selectedAlarms">
-                <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+                <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
                 <tr md-row>
                     <th ng-if="key.display" md-column md-order-by="{{ key.name }}" ng-repeat="key in vm.alarmSource.dataKeys"><span>{{ key.title }}</span></th>
                     <th md-column class="tb-action-cell" layout="row" layout-align="end center">

ui/src/app/widget/lib/entities-table-widget.tpl.html

@@ -39,7 +39,7 @@
         </md-toolbar>
         <md-table-container flex>
             <table md-table>
-                <thead md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
+                <thead fix-head md-head md-order="vm.query.order" md-on-reorder="vm.onReorder">
                 <tr md-row>
                     <th ng-if="column.display" md-column md-order-by="{{ column.name }}" ng-repeat="column in vm.columns"><span>{{ column.title }}</span></th>
                     <th md-column class="tb-action-cell" layout="row" layout-align="end center">

ui/src/app/widget/lib/timeseries-table-widget.tpl.html

@@ -43,7 +43,7 @@
             <md-tab ng-repeat="source in vm.sources" label="{{ source.datasource.name }}">
                 <md-table-container class="flex">
                     <table md-table>
-                        <thead md-head md-order="source.query.order" md-on-reorder="vm.onReorder(source)">
+                        <thead fix-head md-head md-order="source.query.order" md-on-reorder="vm.onReorder(source)">
                             <tr md-row>
                                 <th ng-show="vm.showTimestamp"
                                     md-column md-order-by="0"