search

vitmalina / w2ui

UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
http://w2ui.com
MIT License
2.65k stars 730 forks source link

Browser zoom causes grid row misalignment #2253

Open sbowers-cgi opened 2 years ago

sbowers-cgi commented 2 years ago

Short description When browser zoom is not 100% (could be less, could be more), the grid rows can become misaligned when using frozen columns or select column or row number column. I should mention that our w2ui 1.5 code pull was over a year ago.

What is current behavior If either row number column, row selection column, or frozen columns are enabled and browser zoom deviates from 100%, the left side columns become misaligned with the remaining columns of grid.

What is desired behavior The desired behavior would be grid row is uniform between every column of the grid despite browser zoom factor.

Link to jsfidle/codepan with sample code ...

Steps to reproduce or sample Fill grid with more than 20 rows Ensure line numbers and select column is enabled zoom browser to 125%

vitmalina commented 2 years ago

Do you have any screenshots? Any clues how to fix it? I am afraid that we have to move from tables to div (display: grid) to fix it and it is a big move.