Jquery DataTables 自定义布局sdom

原址：http://www.cnblogs.com/w3live/archive/2011/05/31/2064916.html

$(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>

*/