Javascript 将DOM元素附加到Datatables包装器

我想使用jQuery

append（）

方法将行添加到

tbody

下面是整个JavaScript代码：

$('#meterGroup').DataTable();
$("#meterListGroup").html("<table id='meterGroup' class='table table-striped table-bordered' cellspacing='0' width='100%'><tbody></tbody></table>");
$("#meterGroup").append("<thead><tr><th>Meter ID</th><th>Energy Consumption (kW)</th><th>Usage Ratio (%)</th></tr></thead>");

var meterId = 1;
var meterConsumption = 155;
var meterRatio = 20;

for (var i = 1; i <= 40; i++) {
  $("#meterListGroup > table > tbody").append("<tr><td>" + meterId + "</td><td>" + meterConsumption + "</td><td>" + meterRatio + "</td></tr>");
  meterId++;
  meterConsumption++;
  meterRatio++;
}

$（'#meterGroup'）.DataTable（）；
$（“#meterListGroup”）.html（“”）；
$（“#仪表组”）。附加（“仪表能耗（kW）使用率（%）”；
var-meterId=1；
var计量消耗=155；
var meterRatio=20；
对于（var i=1；i您需要在使用
html（）
和
append（）
构建表之后初始化该表

$（“#meterListGroup”）.html（“”）；
//…跳过。。。
$（'#meterGroup'）.DataTable（）；

有关代码和演示，请参阅。
谢谢！这很有帮助。
<div id="meterListGroup"></div>