# Tablas > Tablas para mostrar contenido: básica, sin marco, filas alternas, fila destacada, comparación, compacta, con totales, encabezado fijo y apilada en el celular. Categoría: Contenido · Solar v0.8.0 Usa este HTML tal cual, con Tailwind y ccs-tailwind-config.js cargados (ver https://utiliza.me/solar/instalacion.html). ## Guía: Cuándo usarlo Una tabla muestra información que se compara por filas y columnas: tarifas, horarios, planes, indicadores. Para leer, no para trabajar con los datos. - Si la tabla se filtra, se ordena, se eligen filas o tiene acciones por fila, usa Tabla de datos. - Con 2 columnas o menos, o si cada fila es una tarjeta con mucho texto, usa Listas o Ítems. - Nunca para ordenar elementos en la página: una tabla es solo para datos. - Encabezados cortos y con la unidad («Cuota mensual», «En millones de dólares»). Números alineados a la derecha, con el mismo número de decimales. - Sin celdas vacías: escribe «—» o «Sin dato». - La versión con marco es la de siempre; sin marco, cuando la tabla va dentro de una card o un panel. Por qué: Separar las tablas que se leen de las que se trabajan evita cargar con filtros y casillas una tabla que solo informa. Alinear los números a la derecha y con los mismos decimales permite compararlos de un vistazo. ## Básica ```html
Cuotas de socio 2027, por tamaño de empresa
Tamaño de empresa Ventas anuales Cuota mensual
Micro Hasta 2.400 UF $45.000
Pequeña 2.400 a 25.000 UF $95.000
Mediana 25.000 a 100.000 UF $190.000
Grande Más de 100.000 UF $380.000
``` ## Sin marco ```html

Cuotas de socio 2027

Valores mensuales, con IVA incluido.

Tamaño Ventas anuales Cuota
Micro Hasta 2.400 UF $45.000
Pequeña 2.400 a 25.000 UF $95.000
Mediana 25.000 a 100.000 UF $190.000
``` ## Filas alternas ```html
Cursos de noviembre
Fecha Curso Modalidad Duración
4 nov Comercio exterior para pymes En línea 6 h
6 nov Firma electrónica en la empresa Santiago 3 h
11 nov Negociación con proveedores En línea 8 h
13 nov Facturación y cobranza Santiago 4 h
18 nov Liderazgo de equipos En línea 6 h
25 nov Reglas de origen Santiago 3 h
``` ## Fila destacada ```html
Planes de membresía
Plan Personas Incluye Al mes
Básico Hasta 2 personas Boletín y eventos abiertos $45.000
Empresa Recomendado Hasta 10 personas Todo lo del Básico, comités y descuentos en cursos $95.000
Corporativo Sin límite Todo lo de Empresa y asesoría dedicada $190.000
``` ## Comparación con íconos ```html
Beneficios de cada plan
Beneficio Básico Empresa Corporativo
Boletín semanal Incluido Incluido Incluido
Eventos abiertos Incluido Incluido Incluido
Comités de trabajo No incluido Incluido Incluido
Descuento en cursos Nuevo No incluido 20 % 30 %
Asesoría dedicada No incluido No incluido Incluido
``` ## Compacta ```html
Indicadores de septiembre de 2026
Indicador Septiembre Variación anual
Exportaciones US$ 8.412 M Sube+4,1 %
Importaciones US$ 7.380 M Baja−1,8 %
Ventas del comercio $ 2,31 billones Sube+2,6 %
Confianza empresarial 48,2 puntos Baja−0,9
Empleo en el sector 1,92 millones Sube+0,4 %

Fuente: datos de ejemplo.

``` ## Con totales ```html
Detalle de la cotización
Servicio Cantidad Precio unitario Subtotal
Certificado de origen 12 $18.000 $216.000
Legalización de documentos 4 $22.000 $88.000
Taller de reglas de origen 2 $65.000 $130.000
Subtotal $434.000
IVA (19 %) $82.460
Total $516.460
``` ## Encabezado y primera columna fijos ```html
Exportaciones por región en 2026, en millones de dólares (datos de ejemplo)
Región Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic
Arica y Parinacota 12 25 38 51 24 37 50 23 36 49 22 35
Tarapacá 48 61 74 47 60 73 46 59 72 45 58 71
Antofagasta 994 1.007 980 993 1.006 1.019 992 1.005 1.018 991 1.004 1.017
Atacama 331 344 317 330 343 316 329 342 315 328 341 314
Coquimbo 233 206 219 232 205 218 231 244 217 230 243 216
Valparaíso 455 428 441 454 427 440 453 426 439 452 425 438
Metropolitana 1.152 1.165 1.178 1.151 1.164 1.177 1.150 1.163 1.176 1.189 1.162 1.175
O'Higgins 269 282 295 268 281 294 267 280 293 266 279 292
Maule 206 219 192 205 218 191 204 217 190 203 216 229
Ñuble 71 84 57 70 83 56 69 82 55 68 81 54
Biobío 340 313 326 339 312 325 338 311 324 337 310 323
La Araucanía 132 105 118 131 104 117 130 103 116 129 102 115
``` ## Apilada en el celular ```html
Eventos de noviembre
Fecha Evento Lugar Valor
12 nov Encuentro de exportadores Santiago $25.000
19 nov Desayuno de socios Santiago Sin costo
26 nov Seminario de comercio digital En línea $15.000
``` ## Guía: Accesibilidad - Cada tabla lleva con su nombre (visible u oculto con sr-only), encabezados con y, si la primera columna nombra la fila, . - Cuando la tabla es más ancha que la pantalla, la caja que se desplaza es una región con nombre (role="region", aria-labelledby al título) y tabindex="0", para que se pueda recorrer con el teclado. - Íconos y colores nunca son lo único: un visto o una flecha llevan su texto oculto («Incluido», «Sube»). - En la versión apilada, la tabla cambia su forma en el celular con CSS; los roles (table, row, cell) mantienen la tabla para los lectores de pantalla, que de otro modo la pierden. - Encabezado y primera columna fijos: solo con tablas largas y anchas; las celdas fijas llevan fondo para que no se lea lo que pasa por debajo.