kobaltedev / kobalte

A UI toolkit for building accessible web apps and design systems with SolidJS.
https://kobalte.netlify.app/
MIT License
1.3k stars 75 forks source link

New component - Table (inspired by react-aria) #517

Open MengLinMaker opened 3 weeks ago

MengLinMaker commented 3 weeks ago

Is your feature request related to a problem? Please describe.

Creating a Table component

Describe the solution you'd like

Was absolutely blown away by this: React-Aria Table

It's almost like ag-grid, but mostly focused on accessibility.

Describe alternatives you've considered

Most solutions don't consider keyboard navigation:

Approaches

It seems there are 2 types of table components:

Ag-grid is paid, so I'll exclude that.

I think the accessibility focused table is better suited for Kobalte-ui, especially since @tanstack/solid-table exists.

It is possible to use React-Aria table and Tanstack Table together: https://codesandbox.io/p/devbox/react-aria-components-tanstack-table-upkz00