Hi Support,
When we do browser zoom less than 100%, we are facing scroll in HandsonTable body. When we scroll down there is alignment issue between row headers and columns. Please find the settings of my grid below. I have also attached the screenshot for your reference.
const settings: Handsontable.GridSettings = {
height: ‘auto’,
columnHeaderHeight: 40,
renderAllRows: true,
rowHeights: 40,
stretchH: ‘all’,
viewportColumnRenderingOffset: 51,
rowHeaderWidth: 200,
preventOverflow: ‘horizontal’,
bindRowsWithHeaders: ‘strict’,
manualColumnResize: true,
manualRowResize: false,
nestedRows: true,
}
afterGetColHeader: (col: number, TH: HTMLTableCellElement) => {
if (col >= -1) {
TH.setAttribute(‘style’, ‘color : black; font-weight:600; white-space: normal !important; text-align: right; min-height: 40px !important;’);
}
},
afterGetRowHeader: (row: number, TH: HTMLTableCellElement) => {
if (row > -1) {
TH.setAttribute(‘style’, ‘color : black; font-weight:600; white-space: normal !important;’);
}
}