Table

Las tablas son una buena forma de organizar una gran cantidad de datos. Ofrecemos algunas clases de utilidad para ayudarlo a diseñar su tabla de la manera más fácil posible. Además, para mejorar la experiencia móvil, todas las tablas en los anchos de pantalla móvil se centran automáticamente.

Name	Item Name	Item Price
Alvin	Eclair	$0.87
Alan	Jellybean	$3.76
Jonathan	Lollipop	$7.00

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Item Name</th>
            <th>Item Price</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>Alvin</td>
            <td>Eclair</td>
            <td>$0.87</td>
        </tr>
        <tr>
            <td>Alan</td>
            <td>Jellybean</td>
            <td>$3.76</td>
        </tr>
        <tr>
            <td>Jonathan</td>
            <td>Lollipop</td>
            <td>$7.00</td>
        </tr>
    </tbody>
</table>

Striped Table

Añade la clase striped al elemento table

Name	Item Name	Item Price
Alvin	Eclair	$0.87
Alan	Jellybean	$3.76
Jonathan	Lollipop	$7.00

Highlight Table

Añade la clase .highlight a la etiqueta Table

Name	Item Name	Item Price
Alvin	Eclair	$0.87
Alan	Jellybean	$3.76
Jonathan	Lollipop	$7.00

Centered Table

Añade la clase .centered a la etiqueta Table

Name	Item Name	Item Price
Alvin	Eclair	$0.87
Alan	Jellybean	$3.76
Jonathan	Lollipop	$7.00

Responsive Table

Añade la clase .responsive a la etiqueta Table

Name	Item Name	Item Price
Alvin	Eclair	$0.87
Alan	Jellybean	$3.76
Jonathan	Lollipop	$7.00