DataTable错误“表中没有可用数据”，表缩小

Question

我正在尝试将mdbootstrap的表插件应用于表。该表格的主体正在从Google表格文档中提取数据。

当我点击列上的排序图标时，所有数据都消失了，但行@PostMapping仍然保留。

我想更正它，以便No Data Available in Table消失，我可以对通过Google表格输入的数据进行排序。

No Data Available in Table

Answer 1

只需这样做， 每次使身体清晰。在追加新行之前，这样无论何时进行排序或下一步或搜索时，它都会清除当前行并显示新的

var i;
document.getElementById('demo').innerHTML = ""; // this will delete the innerhtml
for (i = 0; i < sheetData.length; i++) {

var col1 = data.feed.entry\[i\]\['gsx$col1'\]\['$t'\];
var col2 = data.feed.entry\[i\]\['gsx$col2'\]\['$t'\];
var col3 = data.feed.entry\[i\]\['gsx$col3'\]\['$t'\];
var col4 = data.feed.entry\[i\]\['gsx$col4'\]\['$t'\];

document.getElementById('demo').innerHTML += ('<tr>'+'<td>'+col1+'</td>'+'<td>'+col2+'</td>'+'<td>'+col3+'</td>'+'<td>'+col4+'</td>'+'</tr>');

}