• Jquery.Datatables 基本设置的中文注解


    $(document).ready(function() {
        $('#example').dataTable({
    "sScrollX": "100%",   //表格的宽度 
      "sScrollXInner": "110%",   //表格的内容宽度
      "bScrollCollapse": true,  //当显示的数据不足以支撑表格的默认的高度时,依然显示纵向的滚动条。(默认是false)  
    "bPaginate": true,  //是否显示分页
      "bLengthChange": true,  //每页显示的记录数
      "bFilter": true, //搜索栏
      "bSort": true, //是否支持排序功能
      "bInfo": true, //显示表格信息
      "bAutoWidth": false,  //自适应宽度
      "aaSorting": [[1, "asc"]],  //给列表排序 ,第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc
      "aoColumns": [
          null,
          null,
          { 
              "bVisible": true, //不可见
              "bSearchable": false, //参与搜索
          },
          null,
          null
      ], //列设置,表有几列,数组就有几项
       "bStateSave": true, //保存状态到cookie *************** 很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了
      "sPaginationType": "full_numbers", //分页,一共两种样式,full_numbers和two_button(默认)
      "oLanguage": {
          "sLengthMenu": "每页显示 _MENU_ 条记录",
          "sZeroRecords": "对不起,查询不到任何相关数据",
          "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
          "sInfoEmtpy": "找不到相关数据",
          "sInfoFiltered": "数据表中共为 _MAX_ 条记录)",
          "sProcessing": "正在加载中...",
          "sSearch": "搜索",
          "sUrl": "", //多语言配置文件,可将oLanguage的设置放在一个txt文件中,例:Javascript/datatable/dtCH.txt
          "oPaginate": {
              "sFirst":    "第一页",
              "sPrevious": " 上一页 ",
              "sNext":     " 下一页 ",
              "sLast":     " 最后一页 "
          }
      }, //多语言配置
     "bJQueryUI": false, //可以添加 jqury的ui theme  需要添加css
           "aLengthMenu": [[10, 25, 50, -1, 0], ["每页10条", "每页25条", "每页50条", "显示所有数据", "不显示数据"]]  //设置每页显示记录的下拉菜单
        });
    });
    直接调用默认的设置
    
    $('#example').dataTable();
  • 相关阅读:
    Java StringBuilder、基本类型的包装类
    立个Flag不学好PHP誓不罢休
    LAMP搭建 转
    CentOS使用yum源中自带的rpm包安装LAMP环境
    CentOS RedHat YUM 源扩展补充(32位、64位均有)
    解决phpmyadmin上传文件大小限制的配置方法
    lanmp v2.5一键安装包发布(包括lamp,lnmp,lnamp安装)
    图像处理 jpg png gif svg
    NAT模式/路由模式/全路由模式 (转)
    网页制作中绝对路径和相对路径的区别
  • 原文地址:https://www.cnblogs.com/tangge/p/5001268.html
Copyright © 2020-2023  润新知