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

PS：如果表有更多輸入搜索或者你有更多表，你可以使用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');

當然，在初始化表后添加它