DataTable sort feature

[hughess]

Description

Adds ability to define sort in DataTable code using sort, where you can pass one column and a sort direction ("asc" or "desc")

For groups (using groupBy), groups will be sorted according to subtotals where applicable.

Basic example

<DataTable data={flights} sort="fare desc"/>

Simple group example

	<DataTable {data} groupBy="category" sort="sales" subtotals=true>
		<Column id="category" />
		<Column id="item" />
		<Column id="sales" fmt="usd" />
	</DataTable>

Checklist

• For UI or styling changes, I have added a screenshot or gif showing before & after
• I have added a changeset
• I have added to the docs where applicable

[changeset-bot]

🦋 Changeset detected

Latest commit: 8512eb3

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

This PR includes changesets to release 6 packages

Name	Type
@evidence-dev/core-components	Patch
my-evidence-project	Patch
e2e-spa	Patch
e2e-themes	Patch
@evidence-dev/components	Patch
evidence-test-environment	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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 6:55pm
next-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 13, 2024 6:55pm

[netlify]

✅ Deploy Preview for evidence-development-workspace ready!

Name	Link
🔨 Latest commit	8512eb3
🔍 Latest deploy log	https://app.netlify.com/sites/evidence-development-workspace/deploys/670c1592df13a300087c99d2
😎 Deploy Preview	https://deploy-preview-2590--evidence-development-workspace.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for evidence-test-env ready!

Name	Link
🔨 Latest commit	8512eb3
🔍 Latest deploy log	https://app.netlify.com/sites/evidence-test-env/deploys/670c1592c025450008f01bec
😎 Deploy Preview	https://deploy-preview-2590--evidence-test-env.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for next-docs-evidence ready!

Name	Link
🔨 Latest commit	8512eb3
🔍 Latest deploy log	https://app.netlify.com/sites/next-docs-evidence/deploys/670c1592b982fd00080ad0a0
😎 Deploy Preview	https://deploy-preview-2590--next-docs-evidence.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hughess]

Last remaining issue on this:

• Initial sort affects the data shown in the query viewer. Subsequent sorts via clicking columns do not affect it. This happens even with an explicit order by in the sql query