Datatable() 方法与 datatable()方法
Datatables生成表格时有两个方法, Datatable()与datatable()
这两个方法生成对象的方法是不同的,但是使用生成表格的方式是一样的
datatable()
datatable()生成的对象方法属性是通过fn开头
具体如下下图所示(部分)
Datatable()
Datatable()方法生成的对象就是官网API中介绍的,
其中方法属性如下:
需要说明的是: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(行数据);