Open vsisl opened 3 years ago
Just one more piece of data -- I ran the example and can reproduce this behavior on Firefox but it works fine (no bouncing) on Chrome.
Thanks for trying this out @AnnMarieW.
For me, it was happening on all platforms that I tried:
I notest this bug happens when you have fixed headers and they can wrap creating taller cells, in my case the headers have a height of 61px.
You can fix the bouncing of the last row if you set the height of the headers to the be their max height.
In my case:
style_header={"maxHeight": "60px", "minHeight": "60px", "height": "60px"}
I have the feeling that, when you have fixed headers, the "tallness" of the header is been calculated with one of the headers cells that doesn't have the max height and that cause the bounce when you focus on the last rows.
I had this problem while using Chrome.
@gpedro178 Thanks - this is a nice workaround! I added it to the forum post as well - I'm sure people will find this helpful!
Originally reported on community.plotly.com.
I noticed a bug/glitch when scrolling through a DataTable with a header taller than a single line. What happens is that every time when scrolling all the way to the bottom of the table, the scroll bar (and the view) jumps up a bit. This is annoying and it also makes it hard to read values from the bottom of the table. Interestingly, the bug does not occur when the table header only has one line.
Package versions:
OS: various browser: various
Reproducible example: