Giter VIP home page Giter VIP logo

Comments (7)

inovua-admin avatar inovua-admin commented on May 30, 2024

Thanks for reporting - I'm sure it has to do with https://reactdatagrid.io/docs/api-reference#props-virtualizeColumnsThreshold
So until we come up with a fix, you can increment that number if you have say 20 cols, so they are rendered at all times.

from reactdatagrid.

art1990 avatar art1990 commented on May 30, 2024

thanks, this resolved my problem

from reactdatagrid.

inovua-admin avatar inovua-admin commented on May 30, 2024

Glad it fixes your issue.
We'll keep this opened as it is a bug, and the above solution is just a workaround.
When there are very many columns and you have rtl, you can't just make the threshold very big, since it will degrade the grid performance too much - so column virtualization is needed.

from reactdatagrid.

art1990 avatar art1990 commented on May 30, 2024

i found another bug
in rtl direction if we have more then 14 columns and columns props doesnot have props flex, screenshot bellow
Снимок экрана 2021-02-08 в 08 27 40
if we added flex param to last columns it looks like good, but when we accept sort to columns (or filtering)
table body is shifted and aligns when scrolling

2021-02-08.08.37.22.mov

from reactdatagrid.

inovua-admin avatar inovua-admin commented on May 30, 2024

thanks for the report.
one thing in the video above is the country name is used for many cols - it can be reused, but in this case make sure each column has a unique id property. Probably this is not the cause of the issue, but it's a good practice to follow.

from reactdatagrid.

Mohammad-Mohimmatech avatar Mohammad-Mohimmatech commented on May 30, 2024

Hello @inovua-admin, firstly I would like to thank you very much for this great library!

Are there any updates on solving this bug? It would be greatly appreciated as we have some rather large datasets.

Thanks!

from reactdatagrid.

adnanmirani1990 avatar adnanmirani1990 commented on May 30, 2024

To solve the issue change the CSS style for the .inovua-react-virtual-list__view-container class, like this:
.inovua-react-virtual-list__view-container {
overflow: hidden !important
}

from reactdatagrid.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.