Devextreme-reactive: Disable column virtualization

[nikitxskv]

I'm using ...

• [x] React Grid
• [ ] React Chart
• [ ] React Scheduler

Description

Hi!
Could you tell when you fix this problem: https://github.com/DevExpress/devextreme-reactive/issues/2974 ?
Thank you!

[artem-kurchenko]

HI @nikitxskv

We don't have a precise date and will update our Roadmap if we start working on it.

If this is a must-have requirement for your application, consider using our DataGrid for React. You can set columnRenderingMode to "standard" to achieve the same behavior.

Thanks,
Artem

[nikitxskv]

@artem-kurchenko
Maybe it is possible to change current row style looking on row data?
Or increase number of out-of-screen column that are loaded along with visible columns?
It is very important for our table to have this functionality and it is pretty expensive for us to replace @devexpress/dx-react-grid with devextreme-react/data-grid

[nikitxskv]

Hi, @artem-kurchenko!
Is there any news?:)

[LazyLahtak]

Hi @nikitxskv,

I suggest that you define custom styles based on row data using the rowComponent property of the Virtual Table plugin. Please refer to our demo: React Grid - Fundamentals. Customize the Appearance. Rows. Note that if you change VirtualTable's row height, you will need to define the estimatedRowHeight property.

Our React Grid doesn't have any option to disable column virtualization. I suggest that you create your own plugin with the viewport Getter. Here is an example. Note that viewport is our non-documented Getter, it may be changed in the future. Also, changing this getter may lead to unexpected behavior in certain scenarios.

To learn more about custom plugins, refer to our guide: React Grid - Custom Plugin Development.

[nikitxskv]

@LazyLahtak Thank you very much!

[LazyLahtak]

You are welcome!