Have questions? Stuck? Please check our FAQ for some common questions and answers.

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

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

NameOther AttributesSummary
UI Service - TableServicecol-widthResizes the table to fit the available window space and sets table columns to custom widths.
UI Service - TableServicecolId, sortableSorts the table contents by the header and direction indicated on click.
UI Service - TableServiceid-prop, ng-repeat-complete, row-idFlashes 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.

 

 

  • No labels