2013-12-06 3 views
47

Как сделать фоновое изменение строки таблицы в Bootstrap 3 на зависании. Класс таблицы, который я использую сейчас, - table table-striped. Я попытался добавить дополнительный класс в теги <tr> в таблице и сделал css следующим образом: .table-row:hover{background:black;}. Теперь работают только строки без полос. Разве нет класса в бутстрапе, который позволит мне легко реализовать это? Или я должен использовать JQuery, чтобы исправить это? Я действительно не могу понять это сам.Бутстреп-таблица строка зависания

ответ

112

Вам необходимо добавить класс table-hover в элемент <table/>. Как это:

<table class="table table-striped table-hover"> 
    <tbody> 
     <tr> 
      <td>Col 1</td> 
      <td>Col 2 </td> 
     </tr> 
    </tbody> 
</table> 

Источник: Documentation

+8

Обратите внимание, вы должны поставить стол полоски до того стола при наведении курсора или полосатые строки не будут освещены на парении –

+6

@GeorgiiOleinikov это фактически противоположность с начальной загрузкой 3, но спасибо за подсказку! –

Смежные вопросы