Hello, trying the new version and encountered as problem with data update. I have a simple table with 1 row.
var table, rowData;
table = $("#Summary.dataTable").DataTable();
rowData = {
"dynamic": {
"time": new XDate().toString("HH:mm"),
"text": "Test ausgefallen"
}
};
table.row(0).data(rowData);
table.draw();
When trying to set the data, the table gets already updated, before the .draw() gets called. I debugged deep into the Highcharts.js and found the place, where it is screwed up.
Line 1466:
function _fnInvalidate( settings, rowIdx, src, colIdx ) {
...
var cellWrite = function ( cell, col ) {
// This is very frustrating, but in IE if you just write directly
// to innerHTML, and elements that are overwritten are GC'ed,
// even if there is a reference to them elsewhere
while ( cell.childNodes.length ) {
cell.removeChild( cell.firstChild );
}
cell.innerHTML = _fnGetCellData( settings, rowIdx, col, 'display' );
};
...
};
When the cellWrite sets the innerHTML, my browser Chrome 39 is already drawing the new cell. With this approach updating big data, will cause serious performance issue, since browser will redraw at each cell update.
Any idea how to solve it? Thank you!