Bootstrap 4 Stoły

Bootstrap 4 Podstawowy stół

Podstawowy stół Bootstrap 4 ma lekką wyściółkę i poziome przegrody.

Klasa .tabledodaje podstawową stylizację do tabeli:

Pasiaste rzędy

Klasa .table-stripeddodaje do tabeli paski zebry:

Stół z obramowaniem

Klasa .table-bordereddodaje obramowania ze wszystkich stron tabeli i komórek:

Wskaż wiersze

Klasa .table-hoverdodaje efekt najechania (szare tło) w wierszach tabeli:

Czarny/Ciemny Stół

Klasa .table-darkdodaje do stołu czarne tło:

Stół w ciemne paski

Połącz .table-darki .table-stripedstwórz ciemny stół w paski:

Unoszący się ciemny stół

Klasa .table-hoverdodaje efekt najechania (szare tło) w wierszach tabeli:

Stół bez obramowania

Klasa .table-borderlessusuwa obramowania z tabeli:

Klasy kontekstowe

Za pomocą klas kontekstowych można pokolorować całą tabelę ( <table>), wiersze tabeli ( <tr>) lub komórki tabeli ( <td>).

Klasy kontekstowe, których można użyć to:

Kolory główek stołu

Klasa .thead-darkdodaje czarne tło do nagłówków tabel, a .thead-lightklasa dodaje szare tło do nagłówków tabel:

Mały stół

Klasa .table-smzmniejsza stół, przecinając wypełnienie komórek na pół:

Responsywne tabele

Klasa .table-responsivedodaje pasek przewijania do tabeli w razie potrzeby (gdy jest za duży w poziomie):

Możesz także zdecydować, kiedy w tabeli powinien pojawić się pasek przewijania, w zależności od szerokości ekranu: