[Events] Table height detection

Created an mct-data-table directive. We are able to detect changes in
the height of the table now, which will be used to determine
any corresponding scrolling. #18.
This commit is contained in:
Sarah Hale
2015-06-23 11:37:57 -07:00
parent 7be7844824
commit a5d5fa0796
2 changed files with 24 additions and 21 deletions

View File

@@ -19,6 +19,13 @@
"implementation": "EventListController.js", "implementation": "EventListController.js",
"depends": [ "$scope", "telemetryFormatter" ] "depends": [ "$scope", "telemetryFormatter" ]
} }
],
"directives": [
{
"key": "mctDataTable",
"implementation": "MCTDataTable.js",
"depends": [ "$anchorScroll" ]
}
] ]
} }

View File

@@ -22,27 +22,23 @@
<div class="w1" ng-controller="TelemetryController as telemetry"> <div class="w1" ng-controller="TelemetryController as telemetry">
<div class="w2" <div class="w2"
ng-controller="EventListController"> ng-controller="EventListController">
<table class="tabular"> <mct-data-table scroll-direction="descending" headers="headers" rows="rows"></mct-data-table>
<thead> <!-- <table class="tabular">
<tr> <thead>
<th ng-repeat="header in headers"> <tr>
{{header}} <th ng-repeat="header in headers">
</th> {{header}}
</tr> </th>
<!--tr> </tr>
<th ng-repeat="header in headers"> </thead>
<input type="text" /> <tbody>
</th> <tr ng-repeat="row in rows">
</tr--> <td ng-repeat="cell in row">
</thead> {{cell}}
<tbody> </td>
<tr ng-repeat="row in rows"> </tr>
<td ng-repeat="cell in row"> </tbody>
{{cell}} </table> -->
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>