[GH #4767] Row header alignment issue when broswer zoom in

Tags: #<Tag:0x00007efc651d1588> #<Tag:0x00007efc651d13f8>
#1

Hi,
there is an alignment issue when the browser set to zoom in 90%.

it is easy reproduced in this demo: http://jsfiddle.net/j7hxrwn1/ and latest examples https://handsontable.com/examples?headers

image.png1783×854 245 KB

image.png1226×758 74.9 KB

#2

Hey @fred.lee

the example looks better when you add rowHeights http://jsfiddle.net/handsoncode/q1c5ts20/1/ but you’re right - there are some problems with zoom.
We have been reported about zooming in/out issues at
https://github.com/handsontable/handsontable/issues/4767
https://github.com/handsontable/handsontable/issues/3118
https://github.com/handsontable/handsontable/issues/5203
If we’re missing something here please let me know.

[#4767] Misaligned cells in a row
#3

Thanks for reply.

I try to add rowHeights in the option, but still looks not good when there are many rows in the table.

I am working on the version 0.18.0, is there any other solution to fix this issue?

#4

Sorry, I do not see any workarounds for the bug