dataTables.js 使用-----初始化参数2
1.bDestroy
匹配选择的数据表,并替换新的初始化属性设置,如果没有找到数据表,则按正常创建新的数据表。
$('#example').dataTable( {
"sScrollY": "200px",
"bPaginate": false
} );
// Some time later....
$('#example').dataTable( {
"bFilter": false,
"bDestroy": true (默认false)
} );
注:第一次初始化,设置垂直滚动条,禁用分页功能。第二次初始化,使用"bDestroy": true 参数设置,替换了先有的初始化(滚动条,分页),同时禁用了筛选功能(默认是提供筛选的)。
2. bRetrieve
用于检索数据表的对象,如果表已经被初始化,则只返回数据表对象,不会使用传入参数初始化数据表。
$(document).ready( function() {
init();//第一次初始化
initTable ();//第二次初始化,无效,只返回对象
} );
function init(){
$('#example').dataTable( {
"bFilter": false,
"bPaginate": true,
} );
}
function initTable () {
return $('#example').dataTable( {
"bFilter": false,
"sScrollY": "200px",
"bPaginate": false,
"bFilter": false,
"bRetrieve": true // 默认false
} );
}
function tableActions () {
var oTable = initTable();
// perform API operations with oTable
}
3. bScrollAutoCss
设置滚动所需的样式。
"bScrollAutoCss": false, (默认true)
"sScrollY": "200px"
4. bScrollCollapse
为true时,设置表格的视区高度在任何时间都为给定的高度。
$('#example').dataTable( {
"sScrollY": "200",
"bScrollCollapse": true(默认false)
} );
"bScrollCollapse": false
5. iCookieDuration
存储cookie的时间
"iCookieDuration": 60*60*24;(默认 7200,2 hours)
6. iDisplayLength
用于设置分页时单个页面里显示的行数。
"iDisplayLength": 50 (默认10)
7. iDisplayStart
当表格启用分页功能时,设置数据显示的起始点。参数不是页码,而是记录的序号(第几条记录)。
"iDisplayStart": 20 (默认0)
8. oSearch
定义搜索关键字。
$('#example').dataTable( {
"oSearch": {"sSearch": "KH C"}
} );
9. sDom
改变页面上元素的位置,同时可以添加div元素。
默认:lfrtip (when bJQueryUI is false) or
<"H"lfr>t<"F"ip> (when bJQueryUI is true)
‘l’: 每页显示量
‘f’: 过滤输入框
‘t’: 表格
‘i’: 当前页面的行显示信息
‘p’: 分页
‘r’: pRocessing ,进度条。
‘< >’ : div元素
‘< ”class ” >’: div元素,同时定义一个类
‘< “#id” >’: div元素,同时定义一个id
$(document).ready( function() {
$('#example').dataTable( {
"sDom": '<"top"i>lpt<"bottom"f><"clear">'
} );
} );
注: "sDom": '<"top"i>lpt<"bottom"f><"clear">'
可解析为:
<div class=”top”>i</div>
lpt
<div class=”bottom”>f</div>
<div class=”clear”></div>
10. sPaginationType
分页控件的显示类型。
包括 两个按钮和 所有页序号 (two button or fullnumbers)
"sPaginationType": "full_numbers"(默认 two_button)
11. sScrollXInner
强制dataTable的宽度 比需要的更长,使表格变大,强制滚动。前提是 横向滚动可用。
$('#example').dataTable( {
"sScrollX": "100%",
"sScrollXInner": "150%" (默认空字符串)
} );
注:表格被放大,表格视区只足够显示3列。