zoukankan      html  css  js  c++  java
  • 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 : ‘ 降序排列此列 '

           }

      }

    })

  • 相关阅读:
    了解Android_09之GridView(网格视图)
    了解Android_08之ListView(列表视图)
    了解Android_07之ImageView与使用glide第三方库加载网络图片
    了解Android_06之CheckBox
    了解Android_05之RadioButton
    了解Android_04之EditText标签
    了解Android_03之Button标签
    了解Android_02之TextView标签
    了解Android_01之HelloWorld
    02_vue本地应用(v-text,v-html,v-on,v-show,v-if,v-bind,v-for,v-model)
  • 原文地址:https://www.cnblogs.com/sdlzspl/p/9370077.html
Copyright © 2011-2022 走看看