Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Create a doc example to play with the various row selectors #3717

Open
flaviendelangle opened this issue Jan 24, 2022 · 1 comment
Open
Labels
component: data grid This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation

Comments

@flaviendelangle
Copy link
Member

flaviendelangle commented Jan 24, 2022

Summary 💡

Add a playground in the doc where users can plan with the filtering / sorting / pagination etc... and see the impact of the various row-based selectors.

This is a first draft of what can be done.
I don't know which output format would be the easier to read.

https://codesandbox.io/s/datagrid-v5-quick-start-forked-dxm4h

Motivation 🔦

We have several selectors that return the rows after the sorting, after the filtering, after the pagination etc...
As we add complexity to the grid, it can be difficult for users to keep track of which selectors can be used for which purpose.

@flaviendelangle flaviendelangle added docs Improvements or additions to the documentation component: DataGridPro labels Jan 24, 2022
@flaviendelangle flaviendelangle changed the title Create a doc example to play with the various row selectors [docs] Create a doc example to play with the various row selectors Jan 24, 2022
@oliviertassinari oliviertassinari added the component: data grid This is the name of the generic UI component, not the React module! label Jan 25, 2022
@alexfauquette alexfauquette self-assigned this Mar 17, 2022
@alexfauquette
Copy link
Member

@flaviendelangle @joserodolfofreitas From #4151 I noticed that there are too many combinations to display all the selectors, then I made a component to define the wanted selector according to the features applied

If you have feedback about this first draft, if it is usable, or if there is too much information:
https://codesandbox.io/s/datagrid-v5-quick-start-forked-o57xwi?file=/src/App.tsx

For now, the returned ids are not obtained by selectors, and "tree structure"/"pagniation" are not dynamically applied to the grid (it's in the toto)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants