在jQuery DataTables中动态添加多行(带有FIDDLE)

用户2281858

我正在尝试使用DataTablesAPI在单元格点击上添加新行

目前,我能够第一次添加该行。但是从第二次开始,它的行为有点怪异。我能够为任何人创建此示例,让它大开眼界。

经过一整天的工作,这是我能完成的。

工作示例

甲板

考虑到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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在jQuery中的一个循环中添加多行

来自分类Dev

在jQuery中的一个循环中添加多行

来自分类Dev

如何在数据表jQuery中添加多行

来自分类Dev

在jQuery中添加多个val

来自分类Dev

在jQuery中添加多个val

来自分类Dev

在JQuery中添加多个框阴影

来自分类Dev

带有jQuery的动态CSS?

来自分类Dev

带有jQuery的动态CSS?

来自分类Dev

使用jQuery添加多个动态值并输出结果

来自分类Dev

带有Node.js的jQuery DataTables

来自分类Dev

在JQuery中动态添加控件

来自分类Dev

在jQuery中动态添加CSS

来自分类Dev

jQuery.DataTables将新记录动态添加到已经存在的dataTable中

来自分类Dev

如何在一行中动态添加多个自定义按钮?[JQuery 数据表]

来自分类Dev

在带有谷歌地图的jquery mobile中添加轮播

来自分类Dev

动态添加 return false 到所有带有 # 的锚点(使用 javascript 或 jquery)

来自分类Dev

带有href的jQuery动态div

来自分类Dev

带有动态ID的jQuery Open div

来自分类Dev

带有选择的jQuery动态表

来自分类Dev

带有动态选择器的jQuery on()

来自分类Dev

带有反应的动态 JQuery 菜单

来自分类Dev

在vb.net中的datagridview中动态添加多行

来自分类Dev

在eq()函数jquery中添加多个索引

来自分类Dev

如何在jquery中添加多个值?

来自分类Dev

如何从html字符串向jQuery DataTable添加多行

来自分类Dev

jQuery Select2动态添加带有变量定义“ val”的项目

来自分类Dev

jQuery CheckBox选择-添加了Fiddle

来自分类Dev

带有scrollTo插件的jQuery DataTables自动参见div

来自分类Dev

带有jQuery DataTables的AngularJS间歇工作