FixedColumn height is not calculated correctly

Tags: #<Tag:0x00007efc60ba3728>

In our project we specified scroll bar height to 10px, it causes the fixed column rows mismatch with major table rows when scroll to bottom. Here is a reproduciable demo: https://jsfiddle.net/k9psv4am

If I change ::-webkit-scrollbar from

::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}

to

::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}

The result looks OK but the scroll bar is too narrow for user experience.

Looks handsontable calculate scroll bar in 3px with hard code, is it correct? How should I fix this problem?

Hi @hank_cp

We do not have any official support for scrollbar styling yet. I have tested some approaches, however, the fixed area of cells always appears on the top of the custom scrollbar.

If you need to support the custom scrollbar and would like to investigate the subject further here https://github.com/handsontable/handsontable/issues/6255 I have found a similar subject with some tips. The subject is not related to the latest version on Handsontable but it may help.

@aleksandra_budnik Thanks for your reply. I have found the solution and submit a PR for this.

1 Like

Hi @hank_cp,
Thank you for your involvement! I saw a PR. I’ll comment on your suggested changes there.