datatables.net在搜索标签中添加一个类

Question

<label>Search: <input type="text" aria-controls="company"></label>

使用Datatables，我如何在搜索字段输入框中添加一个类？

Answer 1

根据您使用的示例..如果您使用以下http://datatables.net/release-datatables/examples/basic_init/zero_config.html

$(document).ready(function() {
    $('#example').dataTable();
    $('#example_filter input').addClass('yourclass'); // <-- add this line
} );

P.S。：如果表格有更多输入搜索或您有更多表格，您可以使用class selector (".someClass")

参考所有输入搜索

Answer 2

我正在使用DataTable 1.10.x和Bootstrap：

$.extend($.fn.dataTableExt.oStdClasses, {
    "sFilterInput": "form-control yourClass",
    "sLengthSelect": "form-control yourClass"
});

我通过extend函数而不是jquery。 ：）

Answer 3

我会做

$('.dataTables_filter input').addClass('yourclass');

当然在初始化表格后添加此内容