How to set border radius for table?

Tags: #<Tag:0x00007f51c4cf4230> #<Tag:0x00007f51c4cf40f0>

Hi to all.
I have Handsontable 12.4 and can’t find way to round table corners. I’m trying this solutions: https://github.com/handsontable/handsontable/issues/6259#issuecomment-530787283
What does it mean all layers in the first paragraph? I’m trying to set border radius to th and td using selectors. But in this case I got next situation while horizontal scrolling Monosnap%20Aviator%202025-02-20%2021-35-48
Set border radius for parent block looks next: screenshot2
And also there is a problem with border radius after adding new row with border radius (but it disappear after scroll):

Hi @alexx.globenko

In Handsontable v15.0.0 we introduced themes with one of the pre-defined theme already rounded in the corners. You can read more about it at https://handsontable.com/docs/javascript-data-grid/themes/ and test the theme in action in this demo https://stackblitz.com/edit/pgrkmldm-crdz5m9y?file=some-custom-style.css,index.js,index.html,styles.css (it allows to modify styles within the custom theme).

That option was not available before v15.0.0 and required many smaller changes across the library.

Hi @aleksandra_budnik
For some reasons for now we can’t update to v15. There is demo in v12 doc and it works fine with rounding parent block. https://codesandbox.io/p/sandbox/mystifying-waterfall-wgv83f
But at the same time in one of the topic I found sandbox which reproduce my problem with such approach: https://jsfiddle.net/AlexGGGG/48aqw2t3/8/ Could you please provide me with any thoughts how can I move scrollbar from after the table to above last table row?

I am sorry but I do not understand this requirement. Could you maybe share a draft?

@aleksandra_budnik Yes sure. I have already provide you with fiddle (second url in previous message).

@aleksandra_budnik
And I need bottom scrollbar to be placed like on this page https://handsontable.com/docs/react-data-grid/demo/