Jquery DataTables custom layout
$(document).ready(function() {
$('#example').dataTable({
"sDom": '<"top"iflp<"clear">>rt<"bottom"ilp<"clear">>'
});
});
//custom layout
//* 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>
//grammar structure
/*
<> represents a closed DIV
例：<> = <div></div>
<"class name"> means a closed DIV with a class name
例：<"top"> = <div class="top"></div>
l - the number of records to display per line
f - the search box
t - table
i - table information
p - pagination bar
r - the progress bar while loading
*/
//Comprehensive application
/*
例：<"top"iflp<"clear">>rt<"bottom"ilp<"clear">>
Express
<div class="top">
Form Information (i)
search box (f)
Number of records displayed per line (l)
Page Bar (p)
<div class="clear"></div>
</div>
Progress bar (bottom) when loading
Form(t)
<div class="top">
Form Information (i)
Number of records displayed per line (l)
Page Bar (p)
<div class="clear"></div>
</div>
*/
Reprint address: