datatables.net добавление класса в метку поиска

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

Используя Datatables, как бы я добавил класс в поле ввода поля поиска?

3 2
javascript jquery jquery-datatables

3 ответа:

В зависимости от того, какой пример вы используете.. если вы используете следующие 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")

7

Я бы сделал 

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

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

3

Я использую DataTable 1.10.x и Bootstrap: 

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

Я использую функцию extend вместо jquery. :)

2