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列。

优质内容筛选与推荐>>
1、mac配置impala odbc
2、烂泥:dnsmasq搭建简易DNS服务器
3、nginx 根据ip设置访问频率限制
4、 类Excel报表设计器标准
5、一道非常棘手的 Java 面试题:i++ 是线程安全的吗


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号