Due to a ransomware attack, the wiki was reverted to a July 2022 version. . We apologize for the lack of a more recent valid backup.
...
| Code Block | ||
|---|---|---|
| ||
<div class="ctrl-btns">
<div class="refresh" ng-class="{active: autoRefresh}"
icon icon-id="refresh" icon-size="36"
tooltip tt-msg="autoRefreshTip"
ng-click="toggleRefresh()"></div>
</div> |
| Info |
|---|
See additional the tablular view directives page for more details about tablular view directivesthe directives used to define the refresh button. |
Main Table <div>
The <div> with class "summary-list" defines the actual table.
| Code Block |
|---|
<div class="summary-list" onos-table-resize>
...
</div> |
The onos-table-resize directive dynamically resizes the table to take up the size of the window and to have a scrolling inner body. The column widths are also dynamically adjusted.
Table Header <div>
...
The <div> with class "table-header" provides a fixed (i.e. it does not scroll with the table contents) header, with "click-to-sort" actions on the column labels.
| Code Block | ||
|---|---|---|
| ||
<div class="table-header" onos-sortable-header>
<table>
<tr>
<td colId="id" sortable>Item ID </td>
<td colId="label" sortable>Label </td>
<td colId="code" sortable>Code </td>
</tr>
</table>
</div>
|
| Info |
|---|
See the tabular view directives page for more information on the onos-sortable-header and sortable directives. |
Table Row Template <div>
...