Integrating the Blazor QuickGrid

[vnbaaij]

Pull Request

📖 Description

This PR integrates the Blazor QuickGrid as the new FluentDataGrid. Styling has been altered to adopt the Fluent UI Design.

Samples (at least most of them) from https://aspnet.github.io/quickgridsamples/ will be ported to the demo environments.

Some parameter name changes:

QuickGrid	FluentDataGrid
Items	RowsData
ItemsProvider	RowsDataProvider
ItemSize	RowsDataSize
ItemKey	RowsDataKey

Pagination and column resizing has not been copied over to the Fluent UI side (yet?). Pagination does not have a Fluent UI Web Component implementation and resizing has not been researched yet. Need to ask FAST team if/how this could be done (if possible). Both paging and resizing works now! For pagination I just used standard <FluentButton>s

The internal workings of the FluentDataGrid and associated components has been changed significantly. In fact, each and every page that uses a FluentDataGrid needs to be changed in order to keep functioning. This is therefore considered to be a breaking change. and the version of the library this will ships in will get a new major version number.

👩‍💻 Reviewer Notes

Go through all the samples thoroughly and find, describe and solve edge cases.

📑 Test Plan

✅ Checklist

General

• [X] I have added tests for my changes.
• [X] I have tested my changes.
• [X] I have updated the project documentation to reflect my changes.
• [X] I have read the CONTRIBUTING documentation and followed the standards for this project.

Component-specific

• [ ] I have added a new component
• [X] I have modified an existing component

⏭ Next Steps

Research resizing.

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net

[github-actions[bot]]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://brave-cliff-0c0c93310-226.centralus.azurestaticapps.net