jquery datatable sDom(自定义布局)

例:"sDom":  'rt<"row-fluid"<"span6"i><"table-length-change"l>><"table-pagination"p>'

//语法结构
/*
    <> 表示一个闭合DIV
    例:<> = <div></div>
     
    <"类名称"> 表示一个带类名称的闭合DIV
    例:<"top"> = <div class="top"></div>
     
    l - 每行显示的记录数
    f - 搜索框
    t - 表格
    i - 表格信息
    p - 分页条
    r - 加载时的进度条
*/

示例:<div class="row-fluid"><div class="span6"><div class="dataTables_info" id="main-table_info">第 1 到 10 条 /共 13 条数据</div></div><div class="table-length-change"><div id="main-table_length" class="dataTables_length"><label>每页显示 <select size="1" name="main-table_length" aria-controls="main-table"><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> 条记录</label></div></div></div>

<div class="table-pagination"><div class="dataTables_paginate paging_bootstrap pagination"><ul><li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li><li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li class="next"><a href="#"><i class="icon-double-angle-right"></i></a></li></ul></div></div>

 

/*
    例:<"top"iflp<"clear">>rt<"bottom"ilp<"clear">>
    表示
    <div class="top">
        表格信息(i)
        搜索框(f)
        每行显示的记录数(l)
        分页条(p)
        <div class="clear"></div>
    </div>
    加载时的进度条(bottom)
    表格(t)
    <div class="top">
        表格信息(i)
        每行显示的记录数(l)
        分页条(p)
        <div class="clear"></div>
    </div>
*/
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值