JQuery Datatable的SDOM選項(xiàng)可以幫助自定義Datatable的布局,SDOM是個(gè)字符串,對(duì)于不同的自定義布局對(duì)應(yīng)不同的值。
sDom值: 'l':顯示上一頁按鈕, 'f':顯示搜索框, 't':顯示datatable表格, 'i':顯示信息條, 'p':顯示下一頁按鈕, 'r':分頁的顯示順序和l和p相反, '<'和'>':顯示隱藏列的按鈕。
可以通過將sDom選項(xiàng)設(shè)置為所需布局所需的字符串來自定義Datatable。例如,如果需要顯示分頁按鈕和搜索框,可以設(shè)置sDom選項(xiàng)設(shè)置為“ftip”。
$(document).ready(function() { $('#example').dataTable( { "sDom": 'ftip' } ); } );
如果需要添加更多復(fù)雜的自定義布局,可以通過添加帶有HTML元素的自定義布局來完成。例如,要將分頁所有元素包裝在一個(gè)div中,請(qǐng)按如下所示設(shè)置sDom選項(xiàng):
$(document).ready(function() { $('#example').dataTable( { "sDom": '<"wrapper"flipt>' } ); } );
使用SDOM選項(xiàng)可以方便地自定義Datatable的布局,以滿足不同數(shù)據(jù)顯示的需求。