ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-11 21:13:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Markup and CSS for revised scrolling tabular view

Browse Source 
WTD-1217
This commit is contained in:
Charles Hacskaylo 2015-06-02 17:45:39 -07:00
parent 0fbb54add3
commit 6104201d89
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
platform/features/scrolling/res/templates/scrolling.html
View File

@ -20,27 +20,31 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div class="w1" ng-controller="TelemetryController as telemetry"> <div class="w1" ng-controller="TelemetryController as telemetry">
<!-- Dynamically set height based on number of rows desired. In current CSS, each row occupies 18px --> <div class="w2"
<div class="w2" ng-controller="ScrollingListController">
ng-style="{ height: rows.length * 18 + 'px' }" <!-- To add filtering, add class 'filterable' to <table> and uncomment 2nd <tr> in <thead> -->
ng-controller="ScrollingListController"> <table class="tabular">
<div class="tabular"> <thead>
<tr>
<div class="tr header"> <th ng-repeat="header in headers">
<!-- Enable sorting by binding click handlers to the <em> element in each <th>. Note that CSS classes must be added dynamically to the current <th> that is sorting. For example, if sorting by ID: <div class="th sort asc"> or <div class="th sort desc">. --> {{header}}
<div class="th" ng-repeat="header in headers"> </th>
<em>{{header}}</em>{{header}} </tr>
</div> <!--tr>
</div> <th ng-repeat="header in headers">
<input type="text" />
<div class="tr" ng-repeat="row in rows"> </th>
<div class="td" ng-repeat="cell in row"> </tr-->
{{cell}} </thead>
</div> <tbody>
</div> <tr ng-repeat="row in rows">
<td ng-repeat="cell in row">
</div> {{cell}}
</div> </td>
</tr>
</tbody>
</table>
</div>
</div> </div>