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>, ip>

//语法结构
/*
    <> 表示一个闭合DIV
    例：<> =

    < "类名称" > 表示一个带类名称的闭合DIV
    例：< "top" > = class = "top" >

    l - 每行显示的记录数
    f - 搜索框
    t - 表格
    i - 表格信息
    p - 分页条
    r - 加载时的进度条
*/

//综合应用
/*
    例：<"top"iflp<"clear">>rt<"bottom"ilp<"clear">>
    表示

    

        表格信息(i)
        搜索框(f)
        每行显示的记录数(l)
        分页条(p)

    加载时的进度条(bottom)
    表格(t)

    

        表格信息(i)
        每行显示的记录数(l)
        分页条(p)

*/