[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:
@@ -19,6 +19,13 @@
|
|||||||
"implementation": "EventListController.js",
|
"implementation": "EventListController.js",
|
||||||
"depends": [ "$scope", "telemetryFormatter" ]
|
"depends": [ "$scope", "telemetryFormatter" ]
|
||||||
}
|
}
|
||||||
|
],
|
||||||
|
"directives": [
|
||||||
|
{
|
||||||
|
"key": "mctDataTable",
|
||||||
|
"implementation": "MCTDataTable.js",
|
||||||
|
"depends": [ "$anchorScroll" ]
|
||||||
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user