Jquery Datatables: установить класс в поле ввода фильтра

Question

Как мне установить класс в поле 'search' в плагине datatables, пожалуйста.Я также использую тему 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 к входу фильтра и выбираю длину в качестве примера.