dataTable组件使用

2024-09-28 18:50:02

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 : ‘ 降序排列此列 '

　　　　　　 }

　　}

})

最新文章

热门文章