码迷,mamicode.com
首页 > Web开发 > 详细

Jquery DataTables 自定义布局sdom

时间:2015-05-12 15:20:18      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:

$(document).ready(function() {
    $(‘#example‘).dataTable({
    "sDom":‘<"top"iflp<"clear">>rt<"bottom"ilp<"clear">>‘
    });
});
 
//自定义布局
//*  l - Length changing * f - Filtering input* t - The table!* i - Information* p - Pagination* r - pRocessing* < and > - div elements* <"class" and > - div with a class    * Examples: <"wrapper"flipt>, <lf<t>ip>
 
//语法结构
/*
    <> 表示一个闭合DIV
    例:<> = <div></div>
     
    <"类名称"> 表示一个带类名称的闭合DIV
    例:<"top"> = <div class="top"></div>
     
    l - 每行显示的记录数
    f - 搜索框
    t - 表格
    i - 表格信息
    p - 分页条
    r - 加载时的进度条
*/
 
//综合应用
/*
    例:<"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>
*/

 

Jquery DataTables 自定义布局sdom

标签:

原文地址:http://www.cnblogs.com/ysdxz207/p/4497179.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!