我正在尝试使用DataTables
API在单元格点击上添加新行。
目前,我能够第一次添加该行。但是从第二次开始,它的行为有点怪异。我能够为任何人创建此示例,让它大开眼界。
经过一整天的工作,这是我能完成的。
考虑到Datatables始终在内部执行索引,因此手动进行索引并不是最好的主意。
以下是索引列的官方方法:https://datatables.net/examples/api/counter_columns.html
这里唯一的问题是row.add()
只能追加一行(即不能插入任意位置)。为了克服这个问题,您可以检索内部表数据,对其进行修改然后再次放回去。例如
var newRowData = [
"",
'New Name',
'New Position',
'New Office',
26,
'New Date',
'New Salary'];
tableApi.row.add(newRowData);
var data = datatable.fnGetData(); // get data
datatable.fnClearTable(false); // erase the data in the table
data.splice(currentRowIndex + 1, 0, data.pop()); // move the row of interest into desired position
datatable.fnAddData(data); // put data back
完整示例:JSFiddle
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句