Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

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

Todas as respostas (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.