Bootstrap 5 Table Hoverable Rows

Опубликовано: 16 Февраля, 2023

Bootstrap 5 Table Hoverable Rows можно использовать для применения состояния наведения к строкам таблицы внутри <tbody>. Это помогает сосредоточиться на отдельной строке.

Используемые строки таблицы Hoverable Класс:

  • table-hover: этот класс используется для включения функции состояния наведения на строки таблицы в <tbody>.

Синтаксис:

<table class="table table-hover">
    ...
</table>

Пример 1: В этом примере мы узнаем об эффекте наведения на стол.

Выход:

Пример 2: В этом примере мы узнаем об эффекте наведения на стол с темной темой.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/content/tables/#hoverable-rows