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

Я иду через функцию расширения вместо jquery. :)

Answer 3

Я бы сделал

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

Конечно, добавьте это после инициализации таблицы