I'm currently facing an issue with handsontable specifically on Chrome. The problem is that although the table itself is scrollable, the values and row headings within the table do not update as they should. You can see the issue illustrated in the images below.
Not Scrolled
https://i.sstatic.net/AOA20.png
Scrolled to Right and Down
https://i.sstatic.net/M8gl3.png
As shown, scrolling works but the data does not refresh. Interestingly, this behavior only occurs in Chrome. Firefox and Safari display the table properly.
Here are some key details about my setup:
- Using
Handsontable 0.28.0 - Utilizing AngularJS and Angular Material
The code snippet below outlines how I generated this example:
var Handsontable = require('handsontable');
// This function locates a specific div, clears its contents, and then generates the table.
$scope.setSheet = function() {
var elementID = "shreadsheet-" + $scope.tabData.id;
var element = document.getElementById(elementID);
element.innerHTML = '';
var readonlyArr = $scope.tabData.sheetHeaders.map(function() {
return {readOnly : true};
});
var hot = new Handsontable(element, {
data: Handsontable.helper.createSpreadsheetData(1000, 1000),
colWidths: 47,
rowHeaders: true,
colHeaders: true
});
};
To compile this code, I used the following command sourced from the Handsontable github page documentation:
SheetController_work.js -o SheetController.js -r moment -r pikaday -r zeroclipboard -r numbro
Has anyone encountered a similar issue in Google Chrome or have any suggestions to resolve it?
Thank you.