START
Tabele w Materialize.

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
Warto zwrócić uwagę na klasy:

centered centruje wartości tabeli

responsive-table dodaje responsywność tabeli

highlight która dodaje wyróżnienie po najechaniu kursorem



Zobacz również: