[Data Grid] UI Design of Grid header

[DanielleRameau]

Grid Header

The grid header in a data grid serves as the introductory section that provides context and tools for interacting with the table. It typically includes the following components:

Heading

• Title
• Description

Toolbar

• Primary Action
• Settings Grid
  • Reorder Columns
  • Hide Columns
  • Density Grid
• Slot for Grid Actions (Download, Editing Grid... Can use the button bar)
• Search Field (this must be the last item of the toolbar and needs to be displayed as a field)

Features

• Settings Grid Button displays a dialog to set the sorting and the visible columns.
• Responsiveness is accomplished by stacking the heading above the toolbar to reduce necessary horizontal space.

### Elements
- [ ] Heading
- [ ] Toolbar
- [ ] Settings Grids

[Diaan]

It should be possible to have a mix of columns with and without a column-group above them in one data grid.			Cha	pte	r1
Name	Average	§1	§2	§3
Jane Doe	8.2	7	10	8

Markdown doesn't support columns spanning multiple cells, but hopefully you get the idea; the 3 paragraphs (§) all fall under "chapter 1", but Name and Average do not belong to a column-group.