[DataGrid] Add disableVirtualization to disable virtualization completely

[m4theushw]

Preview https://deploy-preview-2326--material-ui-x.netlify.app/components/data-grid/virtualization/#disable-virtualization

Closes #1781

I created a separate hook to not mix concerns and to touch as little as possible the virtualization logic.

• cf7ac77 moves the scrollToIndexes and scroll to a dedicated hook because they're not tied to the virtualization
• 624352e better name the hook
• fe60f82 adds a useGridNoVirtualization hook to sync the state and handle the scroll when virtualization is off

Preview: https://deploy-preview-2326--material-ui-x.netlify.app/storybook/?path=/story/x-grid-tests-rows--disable-virtualization&globals=measureEnabled:false

[oliviertassinari]

Thoughts

• we still have 1. because of how scroll needs to be sync with translate. I think that we should look into dropping this pattern for [DataGrid] Change virtualization implementation #1933. We are the only one in the benchmark to not directly rely on the native scroll feature rendering.
• Do we disable column virtualization?
• Should we add documentation about it in https://material-ui.com/components/data-grid/virtualization/?

[m4theushw]

There's a bug in this PR. Filter and try to navigate with the keyboard, it doesn't work.

---

We are the only one in the benchmark to not directly rely on the native scroll feature rendering.

@oliviertassinari Yeah, I'll investigate if it's easier to use the native scroll instead. Basically, we need to remove the two divs between the window and the rendering zone.

Do we disable column virtualization?

Yes

Should we add documentation about it in https://material-ui.com/components/data-grid/virtualization/?

I added a small section in https://deploy-preview-2326--material-ui-x.netlify.app/components/data-grid/virtualization/#disable-virtualization

[oliviertassinari]

• I added a small section in https://deploy-preview-2326--material-ui-x.netlify.app/components/data-grid/virtualization/#disable-virtualization

Great, should we explain why developers might want to disable it?

• Yeah, I'll investigate if it's easier to use the native scroll instead.

I meant for the future, not this PR 😁

• I'm not sure we need this, at this point https://ag-grid.com/react-grid/dom-virtualisation/#row-virtualisation:

[oliviertassinari]

Why did you remove this section?

[m4theushw]

One of the changes is to move the scroll methods to a separated hook. Since this interface is empty now I removed it. Maybe we should add a page for scrolling with a demo: #1103 (comment). In this new page we could document the API available.

[flaviendelangle]

Probably also closes #1519 and #1151