[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",
"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="w2"
ng-controller="EventListController">
<table class="tabular">
<thead>
<tr>
<th ng-repeat="header in headers">
{{header}}
</th>
</tr>
<!--tr>
<th ng-repeat="header in headers">
<input type="text" />
</th>
</tr-->
</thead>
<tbody>
<tr ng-repeat="row in rows">
<td ng-repeat="cell in row">
{{cell}}
</td>
</tr>
</tbody>
</table>
<mct-data-table scroll-direction="descending" headers="headers" rows="rows"></mct-data-table>
<!-- <table class="tabular">
<thead>
<tr>
<th ng-repeat="header in headers">
{{header}}
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in rows">
<td ng-repeat="cell in row">
{{cell}}
</td>
</tr>
</tbody>
</table> -->
</div>
</div>