dataTable组件使用
dataTable组件使用:引入JS
$("#id").DataTable({
scrollY:450, //开始滚动高度
lengthChange:false , //用于选择每页展示数量的下拉框
info:false , //左下角提示信息总数和当前数
select : true ,
JQueryUI: true ,
ordering : false ,
ajax: { //异步数据
url: '...',
type:'post',
data:{....},
datasType:'json'
},
columns:[
{data:'name1',className:'class1'} , //指定子段,以及这列的单元格的样式
{data:'name2' },
{data:'name3'}
] ,
language:{ //配置中文
processing :'处理中‘,
lengthMenu : ' 显示_MENU_项结果' ,
zeroRecords :' 没有匹配结果' ,
info : ' 显示第_START_ 至_END_项结果,共_TOTAL_项 ,
infoEmpty : '显示第0项至0项结果,共0项 ,
infoFiltered : '(由_MAX_项结果过滤)' ,
infoPostFix : ' ' ,
search: ' 搜索 ' ,
emptyTable :' 表中数据为空 ' ,
loadingRecords :' 载入中 ' ,
paginate : {
first :' 首页' ,
previous : ' 上一页 ' ,
next : ' 下一页 ' ,
last :' 尾页 '
},
aria : {
sortAscending :' 升序排列此列 ' ,
sortDescending : ‘ 降序排列此列 '
}
}
})