zoukankan      html  css  js  c++  java
  • 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列。

  • 相关阅读:
    HDU5418.Victor and World(状压DP)
    POJ2686 Traveling by Stagecoach(状压DP)
    POJ3254Corn Fields(状压DP)
    HDU5407.CRB and Candies(数论)
    CodeForces 352D. Jeff and Furik
    CodeForces 352C. Jeff and Rounding(贪心)
    LightOj 1282 Leading and Trailing
    Ural 1057. Amount of Degrees(数位DP)
    HDU 2089 不要62 (数位DP)
    HDU5366 The mook jong (DP)
  • 原文地址:https://www.cnblogs.com/fxie/p/2758564.html
Copyright © 2011-2022 走看看