• dataTables.js 使用初始化参数2


    1.bDestroy

          匹配选择的数据表,并替换新的初始化属性设置,如果没有找到数据表,则按正常创建新的数据表。

          $('#example').dataTable( {

              "sScrollY": "200px",

              "bPaginate": false 

            } );

          // Some time later.... 

          $('#example').dataTable( {

              "bFilter": false,

              "bDestroy": true (默认false)

            } ); 

           

          注:第一次初始化,设置垂直滚动条,禁用分页功能。第二次初始化,使用"bDestroy": true 参数设置,替换了先有的初始化(滚动条,分页),同时禁用了筛选功能(默认是提供筛选的)。

    2. bRetrieve

          用于检索数据表的对象,如果表已经被初始化,则只返回数据表对象,不会使用传入参数初始化数据表。

          $(document).ready( function() {  

              init();//第一次初始化

              initTable ();//第二次初始化,无效,只返回对象

             } ); 

          function init(){   

            $('#example').dataTable( {  

                "bFilter": false,

                 "bPaginate": true,

            } ); 

          }

          function initTable () {  

            return $('#example').dataTable( {   

              "bFilter": false,

              "sScrollY": "200px",   

              "bPaginate": false,

               "bFilter": false,

              "bRetrieve": true  // 默认false

            } );

          } 

          function tableActions () { 

            var oTable = initTable();  

            // perform API operations with oTable

          }  

          

    3. bScrollAutoCss

          设置滚动所需的样式。

          "bScrollAutoCss": false, (默认true)

           "sScrollY": "200px" 

          

    4. bScrollCollapse

          为true时,设置表格的视区高度在任何时间都为给定的高度。

          $('#example').dataTable( {

              "sScrollY": "200",

              "bScrollCollapse": true(默认false)

            } ); 

          

          "bScrollCollapse": false   

            

    5. iCookieDuration

          存储cookie的时间

          "iCookieDuration": 60*60*24;(默认 7200,2 hours)

    6. iDisplayLength

          用于设置分页时单个页面里显示的行数。

           "iDisplayLength": 50 (默认10)

          

    7. iDisplayStart

          当表格启用分页功能时,设置数据显示的起始点。参数不是页码,而是记录的序号(第几条记录)。

          "iDisplayStart": 20 (默认0) 

          

    8. oSearch

          定义搜索关键字。

           $('#example').dataTable( {

              "oSearch": {"sSearch": "KH C"}

            } );

     

           

    9. sDom

          改变页面上元素的位置,同时可以添加div元素。

          默认:lfrtip (when bJQueryUI is false) or

           <"H"lfr>t<"F"ip> (when bJQueryUI is true)

          ‘l’: 每页显示量

          ‘f’: 过滤输入框

          ‘t’: 表格

          ‘i’: 当前页面的行显示信息

          ‘p’: 分页

          ‘r’: pRocessing ,进度条。

          ‘<  >’ : div元素

          ‘<  ”class ” >’: div元素,同时定义一个类

          ‘<  “#id”  >’: div元素,同时定义一个id

          $(document).ready( function() {

            $('#example').dataTable( {

              "sDom": '<"top"i>lpt<"bottom"f><"clear">'

            } );

          } );

     

           

          注: "sDom": '<"top"i>lpt<"bottom"f><"clear">'

          可解析为:

          <div class=”top”>i</div>

          lpt

          <div class=”bottom”>f</div>

          <div class=”clear”></div>

    10.  sPaginationType

          分页控件的显示类型。

          包括 两个按钮和 所有页序号 (two button  or fullnumbers)

          "sPaginationType": "full_numbers"(默认 two_button)

     

          

    11.  sScrollXInner

          强制dataTable的宽度 比需要的更长,使表格变大,强制滚动。前提是 横向滚动可用。

           $('#example').dataTable( {

              "sScrollX": "100%",

              "sScrollXInner": "150%" (默认空字符串)

            } ); 

          

          注:表格被放大,表格视区只足够显示3列。

  • 相关阅读:
    UML类图学习总结
    Java和C# RSA加解密相互通信和使用公钥加密传输
    C#des加密算法指定键的大小对于此算法无效
    WCF--找不到具有绑定 BasicHttpBinding 的终结点的与方案 https 匹配的基址。注册的基址方案是 [http]。
    IIS7 使用server farms 进行负载均衡
    iis7 未注册framework4 导致 莫名的404错误
    启用代理导致 有道云笔记未知错误、网络错误和OneDrive断线
    AspNetCore发布到Centos7
    c# 操作临时数据---XML操作
    c# 获取程序目录
  • 原文地址:https://www.cnblogs.com/fxie/p/2758564.html
Copyright © 2020-2023  润新知