# Tabla de datos > Tabla con filtro, orden por columna, selección de filas, menú de columnas, acciones por fila, barra de herramientas y sin resultados. 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 - En listados de backoffice que se filtran, ordenan o editan en grupo. - Para mostrar datos que solo se leen, usa Tablas. - Con más de 5 columnas en el celular, conviene una lista de Ítems. - Filtro: la tabla lleva un solo tipo de campo para filtrar, el de estos ejemplos. Filtra las filas que ya están en la tabla mientras se escribe: no tiene sugerencias, ni botón para enviar, ni página de resultados. El texto de ayuda dice qué se filtra («Filtrar por correo…»). Para buscar en todo el sitio, usa Buscador. ## Completa ```html

Estado
Pagado	carolina@empresa.cl	$316.000
Pagado	matias@empresa.cl	$242.000
Pendiente	josefa@empresa.cl	$837.000
Rechazado	contacto@ejemplo.cl	$874.000
En proceso	ventas@demo.cl	$721.000

2 de 5 filas seleccionadas.

Página 1 de 3

``` ## Menú de columnas ```html

``` ## Acciones de una fila ```html

``` ## Sin resultados ```html

	Estado			Acciones
Sin resultados para "exportadora".

``` ## Con barra de herramientas ```html

Directorio de empresas socias

Empresa	Sector	Comité	Ingreso	Estado
LOGO Andina Retail SpA andinaretail.cl	Retail	eCommerce	2019	Activo
LOGO Verdana Logística verdana.cl	Logística	Sostenibilidad	2022	Activo
LOGO Costa Capital costacapital.cl	Servicios financieros	Sin asignar	2024	Pendiente
LOGO Polar Foods polarfoods.cl	Alimentos	Comercio	2016	Inactivo
LOGO Norte Tecnología nortetech.cl	TI & Servicios	Innovación	2021	Activo

5 de 117 empresas

``` ## Guía: Comportamiento Filtro: filtra mientras se escribe, con una pausa corta (unos 200 ms), sin distinguir tildes ni mayúsculas. La cantidad de filas que quedan se anuncia con aria-live («3 de 128 pagos»); sin coincidencias, la tabla muestra «Sin resultados». La «X» aparece solo con texto (CSS) y Esc también borra; al borrar, el foco vuelve al campo. Va en con aria-label (el nombre de la tabla, sin la palabra «búsqueda») y etiqueta oculta. Es un campo de Buscador sin sugerencias ni atajo: mismo alto (40 px, como los botones de la barra), fondo blanco y «X» propia; la del navegador se oculta. Ordenar cambia aria-sort (ascending, descending o sin atributo) y se anuncia. La casilla del encabezado marca las filas visibles y queda a medias (indeterminate) si solo hay algunas. La cantidad de filas elegidas va con aria-live. En el celular, la tabla se desplaza hacia el lado dentro de su borde; con más de 5 columnas, conviene una lista de Ítems.