Datatable 1.9.4 使用记录
dt.fnSetColumnVis( 2, false ); //隐藏第2列
dt.fnSetColumnVis( 3, true ); //显示第3 列
- 初始化
- 隐藏列
- 获取行数 dt.fnGetNodes( ).length
- 删除指定的行 dt.fnDeleteRow( j )
- 增加新行
- 获取数据dt.fnGetData(<行号>,<列号>,)
- 更新数据 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 列