Good day,
Im trying to catch every row everytime I click the checkbox, Its working on the first 10 data but when I try to scroll it, The data on the table changes and I cant map it, But when I try to use viewportRowRenderingOffset all the data appear on the tables but the rendering is kinda slow, Btw my data is 1000 rows.
hot = new Handsontable(document.getElementById(handsontableId), {
data: objectList.slice(start, end),
colHeaders: getHandsontableHeader($('#selected_col option.columnSetting')),
columns: populateContent($('#selected_col option.columnSetting')),
stretchH: 'all',
contextMenu: ['cut', 'copy'],
readOnly: true,
manualColumnResize: true,
autoWrapRow: true,
fixedColumnsLeft: freezeColumn,
colWidths: customColWidth,
height: tableHeight,
width: tableWidth,
rowHeights: 35,
currentRowClassName: 'currentRow',
currentColClassName: 'currentCol',
fillHandle: {
direction: 'vertical'
},
afterColumnResize: afterColumnResize,
afterSelectionByProp: function(row, prop) {
checkboxRow = row;
},
afterChange: function(source, changes) {
if(changes !== 'loadData') {
validateIfCellIsValid(hot, source, changes)
}
},
afterInit: function() {
$('.columnHeader').closest('span').addClass('clickableHeader');
clickHeaderHandler();
}
});