DataTables碎碎念

707 查看

注意大小写区分!

$( selector ).DataTable(); // 后面可以跟.cell .column等函数
$( selector ).dataTable().api(); // api是 fn开头的函数

取单列表头

var table = $('#example').DataTable();
var title = table.column( idx ).header();
alert( 'Column title clicked on: '+$(title).html() );

设置单列表头

$(title).html("AAAA");

整个表头加亮

$( tables.table().header() ).addClass( 'highlight' );

清除表格中的数据 但不包括表头

$('#example').DataTable().clear().draw(); // 只clear不会立刻清除页面上的显示,但当换页等会触发到draw的时候才会清除 

取某个单元格中的数

$('#example').DataTable().cell(1,1).data();

修改某个单元格中的数

$('#example').DataTable().cell(1,1).data(25);

隐藏列
在属性中设置的隐藏列没有td(即使在html里面有写,但DataTables会重画这一块),不能直接用dom方式选择,无法直接取得其值,必须用cell().data()函数来取,或者fnGetData
如果是在js中直接对某一列 hide(),则该td还在,还可以取数

使用buttuns插件导出表格为csv格式中文乱码的问题解决:
DataTables导出CSV、PDF中文乱码解决方法