I am having an index/row header misalignment on tables where the cell contents are long enough to cause a line break.
For example, my cell data is “12345678_myproject_2019-07-02T00-00-00.000000_username.txt” which is too wide for the column width so this is displayed as:
as expected. However, the cell containing the row index is shorter than the cell containing the data. This behavior repeats and soon the table index is considerably out of alignment. I tried removing our site CSS and still hit this issue. I am still including the Bootstrap 4.3.1 CSS which has been modified to scale to Bootstrap 3 dimensions - 14rem text instead of 16rem. I was having the same issue with Bootstrap 3 and an older version of HOT (v0.34?). How do I fix this alignment?
- The .ht_master.handsontable div has a table where the index th cell has dimensions 40 x 42 with a border of 1px and where the td cells have the same dimensions
- The .ht_clone_top.handsontable div has a table
The .ht_clone_left.handsontable div has a table where the tr dimensions for the misaligned row are 50 x 42 with no margin or border, the th dimensions are 41 x 40 with a border of 1px. This seems to be where I am getting the displacement