Как подсветить новую строку в таблице?

Question

[Валера Карманов]

Добрый вечер! Подскажите как подсветить новую строку в таблицу. Может это делается через css или jquery, но суть в том что бы при появлении новой строки у нее плавно менялся фон с белого на светло-сини и обратно...

Comments

[Eugene Chefranov]

А каким образом появляется новая строка в таблице? с помощью JS?

[Валера Карманов]

Eugene Chefranov, использую вот этот плагин https://www.datatables.net/

Answer 1

[Pavel Botsman]

Нужно в css правила добавить нечто следующее:

@keyframes color-me-in {
    0% {
        background: white;
    }
    50% {
        background: blue;
    }
    100% {
        background: white;
    }
}

Это анимация, чтобы элемент из белого стал голубым а потом обратно белым.

Далее к новой строке таблицы нужно добавить css свойство с названием созданного выше правила:
$('div').css('animation', 'color-me-in 5s')
'div' нужно заменить на селектор в вашей таблице.

Чтобы выбрать именно последнюю строку в таблице, можно использовать псевдо селектор `last-child`:

table tr:last-child {
    animation: color-me-in 5s;
}

Comments

[Валера Карманов]

Спасибо Вам большое, то что надо!!!