Tablas
Las tablas de datos muestran información en un formato de cuadrícula de filas y columnas. Organizan la información de una manera que sea fácil de analizar para que los usuarios puedan buscar patrones y desarrollar conocimientos a partir de los datos.
Comportamiento
Cuándo utilizar
- Presentar información tabular con una estructura clara y repetitiva.
- Ayudar a los usuarios a escanear datos estructurados para tomar decisiones informadas.
Utilice la estructura semántica
Las tablas son excelentes para presentar una estructura clara que se puede escanear para obtener solo la información correcta. Asegúrese de aprovechar todos los beneficios que ofrece esta estructura. Esto significa no solo aprovechar las diferencias visuales en las filas, sino también dejar en claro qué encabezados están conectados a qué datos. Utilice <th>elementos y scope para dejar en claro todos Lo que significa la tabla.
Úselo para datos, no para diseño
- Las tablas son excelentes para presentar información con una estructura clara y repetitiva. Dividir los datos estructurados en tablas ayuda a los usuarios a escanearlos para encontrar lo que necesitan.
- Si bien las tablas se han utilizado durante mucho tiempo para los diseños en la web, no es su mejor uso. Utilice componentes como cards, stack y grid para obtener el diseño que desea.
- Cuando tienes tablas con varias columnas, a veces puede resultar difícil hacer coincidir las filas con las columnas exactas. Por eso, las filas de las tablas de Andheuris tiene una un color diferente cuando se pasa el cursor sobre ellos.