Tabele to dobry wybór jeśli chcemy przedstawić dane w sposób uporządkowany, w Materialize tworzy się je bardzo łatwo, oto przykład kodu i poniżej gotowa tabela:
<table class="highlight centered responsive-table"> <thead> <tr> <th data-field="id">Przykład 1</th> <th data-field="name">Przykład 2</th> <th data-field="price">Przykład 3</th> </tr> </thead> <tbody> <tr> <td>Przykład 1</td> <td>Przykład 2</td> <td>Przykład 3</td> </tr> <tr> <td>Przykład 1</td> <td>Przykład 2</td> <td>Przykład 3</td> </tr> <tr> <td>Przykład 1</td> <td>Przykład 2</td> <td>Przykład 3</td> </tr> </tbody> </table>
Przykład 1 | Przykład 2 | Przykład 3 |
---|---|---|
Przykład 1 | Przykład 2 | Przykład 3 |
Przykład 1 | Przykład 2 | Przykład 3 |
Przykład 1 | Przykład 2 | Przykład 3 |
centered centruje wartości tabeli
responsive-table dodaje responsywność tabeli
highlight która dodaje wyróżnienie po najechaniu kursorem