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:

{{#models-table data=data columns=columns as |mt|}}
  {{#mt.table as |table|}}
    {{table.header}}
    {{! ... }}
  {{/mt.table}}
  {{! .... }}
{{/models-table}}

Usage with a block context:

{{#models-table data=data columns=columns as |mt|}}
  {{#mt.table as |table|}}
    {{#table.header as |header|}}
      {{#each header.groupedHeaders as |groupedHeader|}}
        {{header.grouped-header groupedHeader=groupedHeader}}
      {{/each}}
      {{header.row-sorting}}
      {{header.row-filtering}}
    {{/table.header}}
    {{! ... }}
  {{/mt.table}}
  {{! .... }}
{{/models-table}}

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

Check own docs for each component to get detailed info.