Datatable 1.9.4 使用记录

Datatable 1.9.4 使用记录

1. 初始化 
2.  隐藏列 
3. 获取行数 dt.fnGetNodes( ).length 
4. 删除指定的行 dt.fnDeleteRow( j ) 
5. 增加新行 
6. 获取数据dt.fnGetData(<行号>,<列号>,) 
7. 更新数据 dt.fnUpdate( <值>, <行号>, <列号> ) 

1.初始化

fnRowCallback，行创建回调

dt = $('#noavt').dataTable({

"oLanguage": {

"sLengthMenu": "每页显示 _MENU_ 条记录",

"sZeroRecords": "点击[获取自动优化列表]，获取需要优化的索引!",

"sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",

"sInfoEmpty": "没有数据",

"sInfoFiltered": "(从 _MAX_ 条数据中检索)",

"oPaginate": { 

"sFirst": "首页", 

"sPrevious": "前一页",

"sNext": "后一页", 

"sLast": "尾页" 

}, 

},

"bJQueryUI": true,

"bAutoWidth":true,

"sPaginationType": "full_numbers",

"iDisplayLength": 30,

"aLengthMenu": [[30, 50], [30, 50]],

"bFilter":false,

"bSort": true,

"aaSorting": [ [0,'asc']],

"bDestroy": reset,

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ){

var iChange = parseInt( aData[3] )

var content ='';

if ( iChange == 1 )

{

content = "<span class='badge badge-success'>" + aData[0] +"</span>";

}else{

content = "<span class='badge'>" + aData[0] +"</span>";

}

$('td:eq(0)', nRow).html( content );

},

});

2. 隐藏列

dt.fnSetColumnVis( 2, false ); //隐藏第2列
dt.fnSetColumnVis( 3, true ); //显示第3 列

3. 获取行数 dt.fnGetNodes( ).length

4. 删除指定的行 dt.fnDeleteRow( j )

5.增加新行

dt.fnAddData([ 1, “test”,1.1234 ]);

6. 获取数据dt.fnGetData(<行号>,<列号>,)

7. 更新数据 dt.fnUpdate( <值>, <行号>, <列号> )