Как поменять стили для элементов в таблицах datatable в jquery?

Пользователь

от aaron_armstrong , в категории: JavaScript , 7 месяцев назад

Как поменять стили для элементов в таблицах datatable в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от lori_jast , 5 месяцев назад

@aaron_armstrong 

Есть несколько способов поменять стили для элементов в таблицах DataTables в jQuery, но один из наиболее простых способов - использование CSS-классов:

  1. Добавьте CSS-класс в ваш файл стилей для элемента, который вы хотите изменить:
1
2
3
4
.myclass {
    background-color: red;
    color: white;
}


  1. Используйте метод column().nodes() для получения элементов столбца, который вы хотите изменить. Затем, используйте метод addClass() для добавления вашего класса к этим элементам. Например:
1
2
3
table.column(0).nodes().each(function(index, elem) {
    $(elem).addClass('myclass');
});


Этот код применит класс "myclass" ко всем элементам в первом столбце вашей таблицы.

  1. Другой способ - использовать метод cell().node() для получения элемента ячейки таблицы и метод addClass() для добавления вашего класса к этому элементу. Например:
1
table.cell(2, 3).node().addClass('myclass');


Этот код применит класс "myclass" к ячейке в третьей строке и четвертом столбце вашей таблицы.

  1. Также можно использовать метод rows().nodes() для получения элементов строк и применить к ним ваш класс:
1
table.rows().nodes().addClass('myclass');


Этот код применит класс "myclass" ко всем строкам вашей таблицы.