This page is a work in progress.
Table
Table is an extension of the Widget module with the name table.js
. It provides Angular directives for Tabular View features. To use these directives, see the documentation on Angular directives.
Directives
Name | Other Attributes | Summary |
---|---|---|
UI Service - TableService | col-width | Resizes the table to fit the available window space and sets table columns to custom widths. |
UI Service - TableService | colId, sortable | Sorts the table contents by the header and direction indicated on click. |
UI Service - TableService | id-prop, ng-repeat-complete, row-id | Flashes the table rows whose information is new or updated. |
Directive Usage
onos-table-resize
Resizes the table to fit the available window space and sets table columns to custom widths.
Example Usage
<div class="summary-list" onos-table-resize> <div class="table-header"> <table> <tr> <td>Foo Id</td> </tr> </table> </div> <div class="table-body"> <table> ...Body tr ng-repeat elements here... </table> </div> </div>
onos-sortable-header
Sorts the table contents by the header and direction indicated on click.
onos-flash-changes
Flashes the table rows whose information is new or updated.