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;
}

有关详细信息，请参阅datatables styling部分。

Answer 2

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

这里我将Bootstrap类form-control添加到过滤器输入和长度选择中作为示例。