[Feature Request] DataGrid control

[nu11ptr]

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

Material style tables, while functional, do not match the Fluent UI look and feel

Describe the solution you'd like

A data table component that more closely matches the Fluent UI aesthetic

Describe alternatives you've considered

Any # of data table components that are available

Additional context

Before closing this is as a duplicate, please consider this request in light of this new info. I realize there is no formal spec. Windows component for a table component, however, MS does have a DetailsList component available for react that would likely look more native than the existing alternatives. Thanks.

Info Demo

Update: There is a DataGrid control as part of WinUI 3

[bdlukaa]

We stopped using react components by version 1.0.0 of fluent_ui, iirc.

For me, it doesn't make sense to implement a data table directly into fluent_ui. Even on native Win, data table is available only as third party packages.

[nu11ptr]

Not suggesting you use the react component directly (tbh didn't know that was possible). I was suggesting there is precedent for what a fluent UI table should look like. Many UIs need a table and it is always better if it matches the look and feel of the rest of the UI vs. trying to style something yourself (for example, the macos ui project has a table on their roadmap, so it would be helpful for those using both to have a comparable component on the UI side). I think the fluent UI table simple started in react and I suspect it will be inherited elsewhere in time, but we will see. That said, I have no time or skill to work on it, so if you don't think it is worth it I guess this is a dead end. Bummer.

[WinXaito]

I think the best is to create a package that herit from a package like https://pub.dev/packages/data_table_2 and implement fluent_ui design.

[bdlukaa]

Just to sum up here, not even Flutter itself bundle its table view within the material library. It is now under the two_dimensional_scrollables package.

---

On the Win UI collections documentation, it is stated:

One of the scenarios not covered in this article is displaying collections in a table or across multiple columns. If you're looking to display a collection in this format, consider using the DataGrid control from the Windows Community Toolkit.

Which means there is some documentation, and a Live Preview can be seen in the Windows Community Toolkit Sample App, available on the Microsoft Store.

The data table can be seen on the Windows Task Manager, which can be used as reference. The Windows UI 3 Figma File also includes guidelines for it.

I also noticed a lot of people are asking for this functionality as a built-in feature. With that said, I'm marking this as a valid feature request.