如何在JQuery DataTable中的指定位置向行添加静态元素

时间:2015-03-27 02:45:58

标签: jquery-datatables

1,我的英语很平常,所以请注意问题而不是英语语法。编码无国界。 ------来自谷歌翻译

(不在乎代码中的中文)

2,我想用Jquery DataTable在指定位置添加行。 像这个例子jquery datatable add row

3,现在,我有一个像这样的方法

var jRow = "<tr func='courier-new-tr'>" +
    "<td><span func='number'>1</span></td>" +
    "<td><input name='workId' required='true' type='text' class='form-control' placeholder='账号'></td>" +
    "<td><input name='name' required='true' type='text' class='form-control' placeholder='配送员姓名'></td>" +
    "<td><input name='phoneNum' maxlength='11' required='true' type='text' class='form-control' placeholder='配送员手机'></td>" +
    "<td>" + setStateSelect() + "</td>" +
    "<td><label>" + new Date().format("yyyy-MM-dd") + "</label></td>" +
    "<td>" +
    "<button class='btn btn-success' type='button' func='add-confirm'>确认</button>" +
    "<button style='margin-left: 1em;' class='btn btn-warning' type='button' func='add-cancel'>取消</button>" +
    "</td>" +
    "</tr>";
$("table#courier-table tbody").prepend(jRow);

4,[3]中的例子具有这样的效果 点击“创建账号”按钮(意味着创建一个账户),
表格会在index=0的{​​{1}}(第一行)添加一行 5,但我想听一下table.draw(),就像这样

tbody

那么,谁能告诉我,如何使用$("#courier-table").on('draw.dt', function () { resetNumber();//to reset the row's No. }); 来解决这个问题

1 个答案:

答案 0 :(得分:0)

排序由dataTable决定,因此它只允许您在末尾添加行,然后为您排序。

只需使用rows.add() https://datatables.net/reference/api/rows.add()

添加即可

您尚未显示应用数据表的位置,但代码将如下所示:

var dt = $("table#courier-table").api();
dt.rows.add(jRow);