Características de React Pivot Grid
Los componentes de pivote y rejilla plana heredan de una base común y, por lo tanto, comparten algunas funciones y características.
[!Note] Some features do not have meaningful behavior in the context of a pivot table and therefore cannot be enabled for
IgrPivotGrid. These include:
- CRUD operations
- Grouping
- Row/Column Pinning
- resúmenes
- Paginación
El componente Pivot Grid tiene características y funcionalidades adicionales relacionadas con sus dimensiones, como se describe a continuación.
Dimensions Sorting
Los valores dimensionales en elrows ocolumns pueden ordenarse mediante el chip relacionado o la API. Esta funcionalidad está integrada y habilitada por defecto.
La dimensión se ordena al hacer clic en el chip relacionado y, como resultado, los valores de las dimensiones se ordenan en orden ascendente/descendente.
La ordenación también puede aplicarse inicialmente mediante lasortDirection propiedad de la definición de dimensión.
const dimension: IgrPivotDimension = {
memberName: "SellerName",
enabled: true,
sortDirection: SortingDirection.Asc
};
Dimensions Resizing
Las dimensiones de fila pueden redimensionarse de forma similar al redimensionamiento de columnas, mediante un indicador de redimensionamiento que se encuentra en el borde derecho de las celdas. También pueden redimensionarse automáticamente haciendo doble clic en el indicador de redimensionamiento, o usando la API relacionada -autoSizeRowDimension.
También se puede establecer inicialmente un tamaño diferente con lawidth propiedad disponible en la definición de dimensión:
const igrPivotDimension2: IgrPivotDimension = {
memberName: "SellerName",
enabled: true,
width = "400px"
};
Dimensions Selection
La cuadrícula dinámica admite la selección única que se habilita igual que en la cuadrícula base. Por ejemplo:
<IgrPivotGrid data={pivotData} pivotConfiguration={pivotConfiguration} rowSelection="single">
</IgrPivotGrid>
En caso de que haya varias dimensiones de filas o columnas que crearían grupos que abarquen varias filas/columnas, la selección se aplica a todas las celdas que pertenecen al grupo seleccionado.
Super Compact Mode
ElIgrPivotGrid componente proporciona unasuperCompactMode entrada. Es adecuado para casos que requieren que haya muchas células presentes en la pantalla a la vez. Si está activada, la opción ignora la--ig-size variable CSS para la Cuadrícula de Pivote. HabilitarsuperCompactMode también establece el--ig-size tosmall para cada componente hijo (comoIgrChip él) que no tiene laSuperCompactMode opción.
<IgrPivotGrid data={pivotData} pivotConfiguration={pivotConfiguration} superCompactMode={true}>
</IgrPivotGrid>
Additional Summary Column
Cuando unacolumn dimensión define una jerarquía, la Cuadrícula Pivote renderizará una columna adicional de resumen/total, que acumula las agregaciones de todas las columnas dentro del grupo. Cuando el grupo se desintegra, solo queda la columna de resumen. Y cuando el grupo se amplía, aparece la columna de resumen adicional al final del grupo.
Interacciones
Keyboard Navigation
La navegación con teclado funcionaIgrPivotGrid de forma similar a la que se in.IgrGrid La Cuadrícula Pivote está dividida en tres áreas: -rows,columns,values. Las áreas pararows ycolumns se consideran encabezados para fines de navegación, mientras que el área paravalues es el cuerpo. Las flechas del teclado permiten navegar solo por el elemento activo dentro del área actual.
Dimensions Drag & Drop
Las dimensiones se representan mediante chips, que pueden arrastrarse y soltar. Todas las fichas pueden cambiar su orden dentro de su área mediante arrastrar y soltar. Los chips derows,column,filter (chips dimensionales) pueden moverse de cualquiera de esas áreas a cualquier otra y en cualquier lugar. Los chips de estas áreas no pueden moverse a lavalues zona y los chips de lavalues zona no pueden moverse a ninguna de las áreas dimensionales.
[!Note] The chips from the Pivot Grid can not be moved to the Pivot Data Selector and items from the Pivot Data Selector can not be moved to the Pivot Grid.