DataTables如何更改底部和頂部欄上的高度和字體？

數據表版本：1.10.12DataTables如何更改底部和頂部欄上的高度和字體？

我有一個DataTable，我想改變頂部和底部欄中顯示的高度和字體，我嘗試了很多CSS的東西，使用firefox中的元素檢查來應用各種設置到.datatables類，但它只是不會做任何事情。我想改變這一點：

實在是太大了（高）我....我也想行的高度更改爲只高達它們內部的信件，這樣我可以在屏幕上顯示更多數據。

我該怎麼做？也有可能從頁腳移動所有的信息像（顯示等等等等和頁面按鈕，上一頁/下一頁按鈕等）到標題本身？

2016-09-16 rajeev

這將是很好看你有沒有嘗試過的東西，但我相信你忘了，你正在使用jquery UI造型。目標在CSS .ui-button和.ui-toolbar與標準.dataTables_wrapper CSS類一起：

/* change font in top and bottom */ 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .ui-button { 
    color: red; 
    font-family: 'courier' 
} 

/* change "height" caused by exaggerated padding */ 
.dataTables_wrapper .ui-toolbar { 
    padding: 0px; 
}

http://jsfiddle.net/rqm49duz/

來源

2016-09-18 09:28:22 davidkonrad

謝謝。我接受並贊成這個答案 - 因爲它正確地解決了這個問題。但我仍然在尋找苗條的行。我嘗試了與行相同的操作，但它不起作用：.dataTables_wrapper tr {paddle：0px; } – rajeev

也許您必須使用!important作爲CSS代碼。
第二個問題：
您可以使用dom選項。例如：

$('#example').dataTable({ 
    "dom": '<"wrapper"flipt>' 
});

DataTables如何更改底部和頂部欄上的高度和字體？

回答

相關問題