DataTables如何在jquery或javascript中动态添加它们

Question

我在一个站点上使用jQuery DataTable,但每次按下不同的超链接时,表中的所有数据都会更改.因此,有一种方法可以动态删除整个DataTable并使用数组重新创建另一个包含所有数据的行,而不是删除行并逐个添加它们.

这里的代码只是计划旧的静态东西,但我知道如何动态获取数组,假设当我从python/cherryPy返回时数组看起来像这样:ar [n] = ["col1","col2", "col3","col4",..."coln"]:

下面的代码是用于在HTML中创建DataTable的静态代码(静态)...

<div id="div1" class="ctnr">
   <table id="mainTable1" class="dtable" cellpadding="3" cellspacing="1" border="0">
    <thead>
        <tr><th>*</th><th>Proposal</th><th>Vote </th><th> For </th><th>dd</th><th>A</th></tr>
    </thead>
    <tbody id="tbdy"> 
       <tr id="zrow1" class="gradeX"><td><input id="ckb1" type="checkbox" class = "tb" /></td><td id="ppl1" class="ppsal" style="width:55%">BlaBlaBla</td><td>More BlaBlaBla</td><td class="ralign"> CheeCheeChee</td><td class="ralign"> ChooChoo...</td><td class="ralign"> LaLaLa</td></tr>
    </tbody>
  </table>
</div>

我将如何在JavaScript或jQuery中执行此操作？

丹尼斯

Answer 1

DataTables允许您使用他们称之为" 数据源 " 的方式以编程方式定义表的结构和数据.

文档中有一些示例.我不确定哪一个适合你,但这里有一些让你入门:

• DataTables动态创建示例(使用JS数组)
• DataTables AJAX源代码示例(通过AJAX使用JS数组)

您可以将其与方法结合使用,bDestroy()以避免重新创建<table>标记.

另一种方法是重新设置行而不重新创建表.我知道没有setData()方法,但您可以使用fnClearTable()和fnAddData()方法来实现相同的结果.您可以在DataTables API文档中阅读有关这些方法的更多信息.