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

我刚更新了帖子。 –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值