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

       }

  }

})

转载于:https://www.cnblogs.com/sdlzspl/p/9370077.html

你可能感兴趣的:(dataTable组件使用)