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