Динамическое изменение цвета таблицы JavaScript
Я динамически добавляю столбцы в таблицу. Сейчас я хочу изменить цвет столбца, но это не работает.
if (i % 2 == 1) {
$('#mytable>tbody:last').append('<tr style = "background-color: #D7F9FD" >');
} else {
$('#mytable>tbody:last').append('<tr style = "bgcolor: #D7F9FD" >');
}
Помогите мне ~ !!
Вы получаете ошибки в консоли. Если да, укажите их в своем вопросе или описании. Это даст людям представление о том, что происходит с javascript.
чтобы указать столбец, используйте <td /> внутри <tr /> вместо использования только <tr />
Ответы 1
В вашем примере кода столбец не создается, чтобы динамически добавить столбец внутри строки, используйте инструкцию ниже:
$('#mytable tbody').append('<tr class = "yourclassNameIfyouwant"><td>1st column</td><td>2nd column</td></tr>');
Используя четный и нечетный селектор JQuery, мы можем найти соответствующие строки, как показано ниже:
Синтаксис:
$("#mytable tr:even").css("background-color", "#ccc");
Приведенный выше код найдет четные строки в таблице и применит фоновый цвет.
$("#mytable tr:odd").css("background-color", "#f5f5f5");
Приведенный выше код найдет нечетные строки в таблице и применит фоновый цвет.
и указать четный столбец строки:
$('mytable tr :nth-child(2n)').css('background-color', '#eee');
чтобы указать нечетный столбец строки:
$('mytable tr :nth-child(2n+1)').css('background-color', 'blue');
Все можно сделать после подготовки строк и столбцов таблицы на лету.
Пожалуйста, добавьте свой HTML-код, чтобы узнать, верен ли ваш $ ('# mytable> tbody: last') или нет