搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Firefox scrolling on tables not proper

more options

I am working on a website that uses ReactJS. The table has tables which can be scrolled horizontally and vertically depending on the amount of data (Scrolling of the table alone and not the entire page). The scrolling does not seem to happen in an even manner. The Horizontal scrolling creates some effect on the table headers. The table has some fixes columns on the left and scrollable columns on the right. So the vertical scrolling makes, the fixed portion to scroll a bit slower than the free portion, thereby the rows are not rendered evenly.

The same works fine with Chrome. There are no scrolling issues. This is not just an issue with the design I use. I also saw another issue opened. Giving you both the links below. https://github.com/ant-design/ant-design/issues/11214 https://github.com/palantir/blueprint/issues/1712

I am working on a website that uses ReactJS. The table has tables which can be scrolled horizontally and vertically depending on the amount of data (Scrolling of the table alone and not the entire page). The scrolling does not seem to happen in an even manner. The Horizontal scrolling creates some effect on the table headers. The table has some fixes columns on the left and scrollable columns on the right. So the vertical scrolling makes, the fixed portion to scroll a bit slower than the free portion, thereby the rows are not rendered evenly. The same works fine with Chrome. There are no scrolling issues. This is not just an issue with the design I use. I also saw another issue opened. Giving you both the links below. https://github.com/ant-design/ant-design/issues/11214 https://github.com/palantir/blueprint/issues/1712

所有回覆 (2)

more options

Hi, please check you code by URL or by Uploading to : HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/

Firefox loves clean code.

more options

On https://codesandbox.io/s/pkjy70z0m7

See attached screenshots.

Both browsers look lousy. Firefox has a gap because of a scrollbar on the header table.

The synchronization issue is caused by drawing separate tables and then trying to matching the scrolling between them using JavaScript.