html图表刷新,如何在html中更新表格视图？

我已将此代码用于我的项目https://getmdl.io。其简单和精心设计的前端。并且在页面加载后，它会为每一行加载一些复选标记。如何在html中更新表格视图？

但是我在动态地向tbody添加更多行到ajax后更新表视图时出现问题。我通过获取tbody元素添加它们，然后用使用document.createElement(“TD”)被用来添加新行

PredmetVremeDatum

Laminate (Gold on Blue)10$2.35

代码：

$.ajax({

url: "api2.php",

success: function(result) {

result = $.parseJSON(result);

$tabela = $("#test-table").find("tbody");

for (var i = 0; i < result.length; i++) {

var newTrow = document.createElement("tr");

var newTdata = document.createElement("td");

newTdata.className="mdl-data-table__cell--non-numeric";

newTdata.innerHTML = result[i];

newTrow.appendChild(newTdata);

newTrow.innerHTML+="

asdfasdf";

$($tabela).append(newTrow);

};

componentHandler.upgradeElement($tabela, "mdl-data-table--selectable"); // I have tried many options for both parameters nothing works

if (chosen_browser_is_supported()) {

$("#subjects").chosen({

width: "450px"

});

} else {

$("#subjects").show();

}

}

});

componentHandler.upgradeElement(document.getElementById("test-table"))

但这根本不起作用。

此外，MaterialDataTable在Web控制台中可见，但我不知道如何使用它。

2016-06-12

Dusan J.

+0

提供JS代码 “动态地添加一些行”。 –

+0

我刚更新了帖子。 –