Tablas

Las tablas deben encerrarse dentro de un contenedor con la clase table-container para asegurar que sean responsive.

Tabla predeterminada

No requiere clases

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712

Tabla Con botones

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
VentasVentasVentasVentasVentasVentasVentasVentasVentasVentasVentasVentas

Tabla secundaria

Añada la clase table--secondary al elemento <table></table>

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712

Tabla terciaria

Añada la clase table--tertiary al elemento <table></table>

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712

Tabla con énfasis

Añada la clase table--accent al elemento <table></table>

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712

Tabla oscura

Añada la clase table--dark al elemento <table></table>

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712

First column

Añada la clase first-column al elemento <table></table> para resaltar la primera columna

EneroFebreroMarzoAbrilMayoJunioJulioAgostoSetiembreOctubreNoviembreDiciembre
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712
Ventas100452009030135401805022560270703158036090405100450110495120540
Gastos276155228283110441380516566193272208824849276103037133132
Impuestos9761952292839044880585668327808878497601073611712