Improve grid headers

[jpzwarte]

No description provided.

[github-actions]

🕸 Website preview

You can view a preview here (commit 8275cad6278fdc4f51a6f3bc31341205bf64df56).

[github-actions]

🕸 Storybook preview

You can view a preview here (commit 8275cad6278fdc4f51a6f3bc31341205bf64df56).

[changeset-bot]

🦋 Changeset detected

Latest commit: 8275cad

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages

Name	Type
@sl-design-system/locales	Patch
@sl-design-system/select	Patch
@sl-design-system/magister	Patch
@sl-design-system/neon	Patch
@sl-design-system/sanoma-learning	Patch
@sl-design-system/data-source	Patch
@sl-design-system/search-field	Minor
@sl-design-system/tool-bar	Patch
@sl-design-system/checkbox	Patch
@sl-design-system/shared	Patch
@sl-design-system/grid	Minor
@sl-design-system/angular	Patch
@sl-design-system/panel	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Diaan]

The menu button looks a bit weird when it has the focus:

https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-basics--menu-button

Lazy load and Skeleton are broken
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-basics--lazy-load
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-basics--skeleton

Dragging and dropping doesn't have any effect on the order (doesn't work on main either, so not sure it's part of this story)
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-drag-and-drop--between

Filtering with datasource seems work on id, not on the displayed text:

Filtering with selection is broken (on main as well)
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-filtering--filtering-with-selection

Is the alignment correct when not every column has a filter option?

The width of the table doesn't really work anymore :D
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-filtering--empty-values

Grouping is broken: it only adds 1 item in each group, and puts the rest in the last group:
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-grouping--basic
https://github.com/user-attachments/assets/a8ac844e-51dc-4431-bd1c-1fe2db1db375

Horizontal scrolling has 2 scrollbars:

https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-scrolling--horizontal

Not sure a tri-state toggle button is very good accessibility wise. I don't think the change in label is being announced, so it will be a surprise what the sorting will be when you press it a second time.
https://kind-plant-088739303-1975.westeurope.1.azurestaticapps.net/?path=/story/grid-sorting--basic

[jpzwarte]

I've fixed everything except:

• grouping (will look at this in another PR)
• a11y of sort header; afaict there is nothing to improve there