Как выделить строки таблицы цветом при нажатии мышкой в Bootstrap?

451
15 декабря 2016, 16:33

Как выделить строки таблицы цветом при нажатии мышкой в Bootstrap? Может какое-нибудь свойство указать? Или нужно прописывать программно?

Answer 1

Можно использовать jQuery примерно так:

<script>
$(document).ready(function(){
    $('tr').click(function(){
        $('tr').removeClass();
        $(this).addClass('selected');
    });
});
</script>

И CSS:

<style>
.selected{ background: silver;}
</style>

Если нужно выделять несколько строк, предлагаю воспользоваться
Google Charts: https://developers.google.com/chart/interactive/docs/gallery/table
Пример использования: https://jsfiddle.net/api/post/library/pure/

READ ALSO
Как на wordpress woocomerce добавить описание в товар?

Как на wordpress woocomerce добавить описание в товар?

Всем привет! Есть у меня проект на wordpress woocomerceПо умолчанию описание выводится только на полноценной странице с товаром

490
Не получается добавить водяной знак на всплывающую картинку в fancybox

Не получается добавить водяной знак на всплывающую картинку в fancybox

Всем привет! Хочу добавить watermark на всплывающую картинку в fancybox - никак не выходитЧто не так?

348
Как изменить масштаб html страницы?

Как изменить масштаб html страницы?

Что нужно прописать CSS для того, чтобы уменьшить масштаб HTML страницы? В браузере можно сделать так: нажать последовательно CTRL и -После этого...

470
CSS: Увеличение блока при наведении

CSS: Увеличение блока при наведении

Есть список товаров в виде блоков с display: inline-blockНужно при наведении курсора на блок его увеличивать, но чтобы остальные блоки не сдвигались

676