Agrupación

Las cartas agrupan como las filas de las tablas. GroupBy o GroupLevels nombran las columnas, y el encabezado de cada grupo va por encima de sus cartas, el ancho de la lista, con el nombre del grupo, cuántos registros contiene y sus subtotales. Las cartas no tienen cabeceras de columna para arrastrar, así que con AllowGrouping la tira de arriba las cartas agrúpalas desde el menú de agregar agrupación y permite a los usuarios cambiar o quitar el agrupamiento.

Contactos como tarjetas, en grupos

Los contactos empiezan agrupados por género y, dentro de cada uno, por edad en rangos de cinco años — escribe otro tamaño en el chip de la edad, o limíralo para agruparlo por cada edad. Añade un nivel desde el menú de agregar agrupación de la tira, como la empresa, que va fuera de los rangos de edad — un rango, como una fecha, solo puede ser el nivel más interno. En la tira, la flecha de cada chip invierte el orden de sus grupos, y la X elimina ese nivel. El encabezado de cada grupo muestra cuántos contactos contiene y su edad media; haz clic en un encabezado para colapsar el grupo. El botón de Totales de la barra de herramientas selecciona esas cifras para los encabezados y debajo de las tarjetas: cada columna que encaja — una suma, media, mínimo o máximo de un número, el número más antiguo o más reciente de una fecha, un conteo de cualquier cosa. Cambia a filas de tabla desde la barra de herramientas para ver los mismos grupos allí.

Ejemplo de reacción Ejemplo de Blazor React TypeScript AccountAndContactCustomViews.ts Razor AccountAndContactCustomViews.cs