DataTables 使用杂谈

隐秘的fnXXX API

Datatable() 方法与 datatable()方法

Datatables生成表格时有两个方法, Datatable()与datatable()
这两个方法生成对象的方法是不同的,但是使用生成表格的方式是一样的

datatable()

datatable()生成的对象方法属性是通过fn开头
具体如下下图所示(部分)
datatable()的对象方法(部分)

Datatable()

Datatable()方法生成的对象就是官网API中介绍的,
其中方法属性如下:
Datatable()的方法属性(全部)
需要说明的是:datatable() 生成的对象与Datatable()生成的对象方法并不重叠,就经常使用的情况而言,Datatable()的对象使用更为常见,因为更符合我们的需求

也许Datatable()对象在增删改查的底层是使用datatable() 生成的对象的方法,

Datatables属性说明

1.Datatables的生成的表格行是1开始,列是0开始,并且列是以设置为主,与显示无关。

Datatables 查询

查询时过滤指定列

通过如下配置在查询时过滤Datatables设置的数据列的指定几列

 columnDefs: [{
    searchable: false,
    targets: [0,1]//这个说明要过滤的列号
  }],

Datatables 修改行数据

说明在datatables中会动态的修改行数据,Datatables提供了修改列数据的api,
一种是设置单元格或行的数据并进行重新绘制,一种是通过fnUpdate方法进行修改。

通过单元格进行修改

var table = $('#example').DataTable();
table.cell( 行号, 列号 ).data(单元格内容 ).draw(false);

说明: 行号从1开始,列号从0开始 。列号的对应只跟设置data的位置有关系,跟在页面上显示与否无关。
draw(false)表明重绘,但是不会改变当前表格的状态;如果为true则表示重新绘制整张表,状态全部消失,表格状态为全新的一张表,查询,分页状态消失。

通过行进行修改

var table = $('#example').DataTable();
table.row( 行号 ).data(行数据 ).draw(false);

说明:传入行数据时,与最初设置的json数据格式一致,否则就会 数据显示不全。

那么行数据也该如此,
如果传入数组则会导致适配不到从而出错。

通过fnUpdate API修改

使用fnXXX函数进行修,首先一点必须使用datatable() 生成对象

fnUpdate()方法修改一行,也可以修改一个单元格,具体只取决于传入的数据不同
改对象的方法如下:

var table = $('#example').dataTable();//注意是d是小写
table.fnUpdate( 行数据, 行号);
table.fnUpdate( 单元数据, 行号,列号);

Datatables 添加行数据

Datatables添加一(多)行数据同样有两种方法 
1. Datatable().row.add方法
2. fnAddData方法

Datatable().row.add方法

var table = $('#example').DataTable();
table.row.add(行数据 ).draw();

注意:行数据 与传入的数据格式一致,如果需要添加多条就传入多个数据。

fnAddData方法

var table = $('#example').dataTable();//注意是d是小写
 table .fnAddData(行数据);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值