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

Question

1、我的英文很普通，所以请注意问题而不是英文grammar.Coding无国界。 ------ 来自Google 翻译

(不关心代码中的中文)

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]中的例子效果是这样的
点击“创建账号”按钮，
table 将在 tbody.
中的 index=0（第一行）添加一行 5、但是我想听table.draw(),像这样

$("#courier-table").on('draw.dt', function () {
     resetNumber();//to reset the row's No.
});

所以，谁能告诉我，如何使用DataTable.row().add()来解决这个问题

Answer 1

排序是由dataTable决定的，所以它只允许你在末尾添加行，然后给你排序。

加上rows.add()https://datatables.net/reference/api/rows.add()

就可以了

您没有显示应用数据表的位置，但代码将是这样的：

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

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

How to Add Static Element(s) to Row at the Specified Location in JQuery DataTable

jquery-datatables