Question

这是我在使用ajax从我的数据表更新tboby时有一个问题，这是我的代码：http://jsfiddle.net/zHcej/1/

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<thead>
    <tr>
        <th>Name</th>
        <th>User</th>
    </tr>
</thead>
<tbody id="tbody_usr"></tbody>

$(document).ready(function() {
    var tbody="<tr><td id='usrId_1'>Develop</td><td>dev</td></tr><tr><td id='usrId_2'>Tester</td><td>Test</td></tr>";
    $("#tbody_usr").html(tbody);
});

Answer 1

在数据表上，您可以使用Javascript数组/ ajax源作为表的数据源。看看这些例子：

Javascript数组： https://datatables.net/release-datatables/examples/data_sources/js_array.html

的Ajax： https://datatables.net/release-datatables/examples/data_sources/ajax.html

编辑：试试这个：

$('#example').dataTable( {
        "aaData": [

            [ "Develop", "dev"],
            [ "Tester", "Test"]
        ]
    } );

EDIT2：您在jsfiddle中添加的一个外部资源是自动初始化数据表！

删除外部初始化，或者只是将表的id更改为“example1”

然后执行：

 $('#example1').dataTable( {
            "aaData": [

                [ "Develop", "dev"],
                [ "Tester", "Test"]
            ]
        } );

编辑3：

var tdata =  [[ "Develop", "dev"], [ "Tester", "Test"]];
 $('#example1').dataTable( {
                "aaData": tdata
            } );

使用ajax更新tbody数据表

1 个答案: