Components.ModelsTableTableBody Class
Table body used within models-table/table.
Component contains rows for each record, row expands (if provided) and components for situations with missing data or when all columns are hidden.
Usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Body>
{{! ... }}
</MT.Table>
{{! .... }}
</ModelsTable>
Usage with a block context:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Body as |Body|>
{{#if MT.allColumnsAreHidden}}
<Body.ColumnsHidden />
{{else}}
{{#if MT.visibleContent.length}}
{{#each MT.visibleContent as |record index|}}
<Body.Row @record={{record}} @index={{index}} />
{{#if (exists-in MT.expandedItems record)}}
<Body.RowExpand @record={{record}} @index={{index}} />
{{/if}}
{{/each}}
{{else}}
<Body.NoData />
{{/if}}
{{/if}}
</Table.Body>
{{! ... }}
</MT.Table>
{{! .... }}
</ModelsTable>
ModelsTableTableHeader yields references to the following contextual components:
- models-table/columns-hidden - component used when all columns are hidden and no data items are shown. Usually it contains a simple message
- models-table/row - component represents each table-body row with a single record.
- models-table/row-expand - component with extra data shown when selected row is expanded
- models-table/row-grouping - component with grouped property value. Used to toggle row group
- models-table/no-data - component used when no data provided to the table. Usually it contains a simple message
Check own docs for each component to get detailed info.
Item Index
Properties
- allColumnsAreHidden
- collapsedGroupValues
- columnsCount
- currentGroupingPropertyName
- data
- dataGroupOptions
- displayGroupedValueAs
- expandedItems
- expandedRowComponent
- groupedArrangedContent
- groupedVisibleContent
- groupedVisibleContentValuesOrder
- groupingRowComponent
- groupSummaryRowComponent
- selectedItems
- tagName
- themeInstance
- useDataGrouping
- visibleContent
- visibleProcessedColumns
Properties
groupedVisibleContentValuesOrder
Array
Bound from ModelsTable.groupedVisibleContentValuesOrder
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
toggleGroupedRows
Closure action ModelsTable.toggleGroupedRows
toggleGroupedRowsExpands
Closure action ModelsTable.toggleGroupedRowsExpands
toggleGroupedRowsSelection
Closure action ModelsTable.toggleGroupedRowsSelection