Table header used within models-table/table.

Component contains grouped headers (if provided) bound from ModelsTable.groupedHeaders, row with sorting buttons (usually this row also contains column headers) and row with filter boxes.

Usage example:

<ModelsTable @data={{data}} @columns={{columns}} as |MT|>
  <MT.Table as |Table|>
    <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|>
      {{#each groupedHeaders as |groupedHeader|}}
        <Header.GroupedHeader @groupedHeader={{groupedHeader}} as |GroupedHeader|>
          {{#each GroupedHeader.groupedHeader as |cell|}}
            <th colspan={{cell.colspan}} rowspan={{cell.rowspan}}>{{cell.title}}</th>
          {{/each}}
        </Header.GroupedHeader>
      {{/each}}
      <Header.RowSorting />
      <Header.RowFiltering />
    </Table.Header>
    {{! ... }}
  </MT.Table>
  {{! .... }}
</ModelsTable>

ModelsTableTableHeader yields references to the following contextual components:

• models-table/grouped-header - component for groupedHeaders. It should be used for each groupedHeaders item
• models-table/row-sorting - row with columns titles. Click on every cell will sort table data by selected column
• models-table/row-filtering - row with filter items. Every cell contains input or select-box
• models-table/select-all-rows-checkbox - checkbox to select or deselect all rows
• models-table/expand-all-toggle - buttons to expand and collapse all rows

Check own docs for each component to get detailed info.