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

Question

[sitev_ru]

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

Answer 1

[Андрей Гончаров]

$(document).ready(function(){
  $('table tr').on('click', function(e) {
    $('table tr').removeClass('marked');
    $(this).addClass('marked');
  });
});

table tr.marked{
    background-color: tomato; /.здесь нужный цвет
}

Comments

[sitev_ru]

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

[Андрей Гончаров]

$(document).ready(function(){
$('table tr.marked').on('click', function(e) {
$(this).remove();
});
});

не уверен- надо протестить, если это имелось ввиду. В теории: если кликнуть еще раз по выделенной строке, то она удалится.

Answer 2

[Vladimir Noskov]

Используйте класс table-hover для таблицы.
Пример: codepen.io/anon/pen/QbgvoJ

Answer 3

[Дмитрий Шинкарь]

background-color: tomato; - сразу пасты захотелось :D остренькой...)

Ховер - при наведении, так что первый комент с JS функцией больше соответствует ТЗ)