Components.ModelsTableRowFiltering Class
Table header item used within models-table/table-header.
Component generates tr with filter inputs in the separated cells. Filter for column may be as an input or select. Second one may have predefined set of options or may calculate list of options from table data. Last scenario doesn't work with models-table-server-paginated. Check properties disableFiltering, filteredBy, filterFunction, filterPlaceholder, filterWithSelect, predefinedFilterOptions for ModelsTableColumn.
Usage example:
<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
<MT.Table as |Table|>
<Table.Header as |Header|>
<Header.RowFiltering>
{{! ... }}
</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.RowFiltering as |RF|>
{{#each MT.visibleProcessedColumns as |column|}}
<RF.RowFilteringCell @column={{column}} as |RowFilteringCellContent|>
<RowFilteringCellContent/>
</RF.RowFilteringCell>
{{/each}}
</Header.RowFiltering>
{{! ... }}
</Table.Header>
{{! ... }}
</MT.Table>
{{! .... }}
</ModelsTable>
ModelsTableRowFiltering yields references to the following contextual components:
- models-table/row-filtering-cell - component used as filter row cell. It shows input or select or custom component. Check filter-options for columns
Check own docs for each component to get detailed info.
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
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