Components.ModelsTableTable Class
Table with data used within models-table.
Usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table />
{{! ... }}
</ModelsTable>
Usage example with a block context:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Header />
<Table.Body />
<Table.Footer />
</MT.Table>
</ModelsTable>
ModelsTableTable yields references to the following contextual components:
- models-table/table-header - table header. Component contains several rows like grouped headers, row with sorting buttons (usually with column titles) and row with filters for each column
- models-table/table-body - table body with data. Component contains current page with a subset or rows
- models-table/table-footer - table footer. It's empty by default
Check own docs for each component to get detailed info.
Item Index
Properties
- allColumnsAreHidden
- collapsedGroupValues
- columnsCount
- currentGroupingPropertyName
- data
- dataGroupOptions
- displayGroupedValueAs
- expandedItems
- groupedArrangedContent
- groupedHeaders
- groupedVisibleContent
- groupedVisibleContentValuesOrder
- groupHeaderCellComponent
- groupingRowComponent
- groupSummaryRowComponent
- noHeaderFilteringAndSorting
- processedColumns
- selectedItems
- showTableFooter
- tagName
- themeInstance
- themeTableClass
- useDataGrouping
- useFilteringByColumns
- visibleContent
- visibleProcessedColumns
Properties
groupedVisibleContentValuesOrder
Array
Bound from ModelsTable.groupedVisibleContentValuesOrder
Default: null
noHeaderFilteringAndSorting
Boolean
Bound from ModelsTable.noHeaderFilteringAndSorting
Default: null
visibleProcessedColumns
Utils.ModelsTableColumn[]
Bound from ModelsTable.visibleProcessedColumns
Default: null
Events
clickOnRow
Closure action ModelsTable.clickOnRow
collapseAllRows
Closure action ModelsTable.collapseAllRows
collapseRow
Closure action ModelsTable.collapseRow
doubleClickOnRow
Closure action ModelsTable.doubleClickOnRow
expandAllRows
Closure action ModelsTable.expandAllRows
expandRow
Closure action ModelsTable.expandRow
hoverOnRow
Closure action ModelsTable.hoverOnRow
outRow
Closure action ModelsTable.outRow
sort
Closure action ModelsTable.sort
toggleAllSelection
Closure action ModelsTable.toggleAllSelection
toggleGroupedRows
Closure action ModelsTable.toggleGroupedRows
toggleGroupedRowsExpands
Closure action ModelsTable.toggleGroupedRowsExpands
toggleGroupedRowsSelection
Closure action ModelsTable.toggleGroupedRowsSelection