Components.ModelsTableRowSorting Class
Table header item used within models-table/table-header.
Component generates tr with column titles in the separated cells. Click by each cell will sort table data by selected field. Check properties disableSorting, sortedBy for ModelsTableColumn.
Usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Header as |Header|>
<Header.RowSorting />
{{! ... }}
</Table.Header>
{{! ... }}
</MT.Table>
{{! .... }}
</ModelsTable>
Usage with a block context:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Header as |Header|>
<Header.RowSorting as |RS|>
{{#each MT.visibleProcessedColumns as |column|}}
<td>{{column.title}}</td>
{{/each}}
</Header.RowSorting>
{{! ... }}
</Table.Header>
{{! ... }}
</MT.Table>
{{! .... }}
</ModelsTable>
ModelsTableRowSorting yields references to the following contextual components:
- models-table/row-sorting-cell - component used as sorting row cell. Clicking on it causes column sorting
References to the following properties are yielded:
- shouldAddExtraColumn - determines if extra column should be added to the row in the
thead. It happens when rows grouping is used and extra column with group values exists
Check own docs for each component to get detailed info.
Item Index
Properties
Properties
visibleProcessedColumns
Utils.ModelsTableColumn[]
Bound from ModelsTable.visibleProcessedColumns
Default: null
Events
collapseAllRows
Closure action ModelsTable.collapseAllRows
expandAllRows
Closure action ModelsTable.expandAllRows
sort
Closure action ModelsTable.sort
toggleAllSelection
Closure action ModelsTable.toggleAllSelection