Jquery Datatables:在过滤器输入字段上设置类

Question

如何在datatables插件的'search'字段中设置类.我也在使用Jquery UI主题.

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

Answer 1

您可以使用设置搜索过滤器包装器div样式类 oStdClasses

$.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到过滤器输入和长度选择中，作为示例。