La cuadrícula de datos es una tabla nativa que ordena, filtra, pagina y edita. Describe las columns, pasa las rows y cada celda se formatea según su tipo y la configuración regional: números, monedas, fechas, sí y no, y etiquetas para los valores enum.
Su estado está en modelos que puedes enlazar, guardar y enviar a un servidor: sort, filters, search, page, selected y columnState para los anchos, el orden, las columnas fijadas y las ocultas que elijan los usuarios. Sin paginación, solo se renderizan las filas visibles, así que 100 000 filas se desplazan igual que diez.
Todas las celdas se alcanzan con el teclado, y el panel de cada columna permite ordenarla, filtrarla, fijarla, moverla, ajustarla al contenido y ocultarla.
Búsqueda, orden y paginación
Escribe para buscar en todas las columnas. Haz clic en un encabezado para ordenar, y usa Mayús + clic para añadir una segunda columna. nuiGridCell dibuja el estado, y exportCsv() entrega lo que se muestra.
Selección
selection="multiple" añade casillas y enlaza las claves de las filas seleccionadas. Mayús + clic selecciona un rango; la casilla del encabezado selecciona todas las filas que coinciden.
Edición
Haz doble clic en una celda, pulsa Intro o simplemente escribe. validate mantiene el editor abierto con un mensaje; una edición confirmada actualiza rows y emite cellEdit.
100 000 filas
Sin paginación, solo se renderizan las filas visibles. Las columnas fijadas se quedan en los bordes, y columnState conserva la disposición que eligen los usuarios.
Datos del servidor
En el modo server, la cuadrícula muestra las filas tal como llegan y notifica cada cambio en queryChange. Activa loading mientras obtienes los datos.