Jquery Datatables：在過濾器輸入字段上設置類

Question

如何在datatables插件的'search'字段中設置類。 我也在使用Jquery UI主題。

        $('#idSmovData').dataTable( {
             "sScrollY": "600px"
            ,"bPaginate": false
            ,"bFilter": true
            ,"bJQueryUI": true
            ,"bInfo": false
            ,"bSort": false
        });

Answer 1

您可以使用oStdClasses設置搜索過濾器包裝器div樣式類

$.fn.dataTableExt.oStdClasses["sFilter"] = "my-style-class";

而且使用常規css來定位搜索輸入字段：

.my-style-class input[type=text] {
     color: green;
}

有關詳細信息，請參閱數據表樣式部分。

Answer 2

$('div.dataTables_filter input').addClass('form-control');
$('div.dataTables_length select').addClass('form-control');

這里我將Bootstrap類form-control到過濾器輸入和長度選擇中，作為示例。