Наведение строки таблицы начальной загрузки

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

1 53
twitter-bootstrap cross-browser twitter-bootstrap-3 hover css-tables

1 ответ:

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

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

источник: документация

119