Blazor Pivot Grid Features

    Los componentes de pivote y rejilla plana heredan de una base común y, por lo tanto, comparten algunas funciones y características.

    Some features do not have meaningful behavior in the context of a pivot table and therefore cannot be enabled for IgbPivotGrid. 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.

    EXAMPLE
    DATA
    MODULES
    RAZOR
    JS
    CSS

    Like this sample? Get access to our complete Ignite UI for Blazor toolkit and start building your own apps in minutes. Download it for free.

    Dimensions Sorting

    Los valores de dimensión en las rows o columns se pueden ordenar mediante el chip relacionado o la API. Esta funcionalidad está integrada y habilitada de forma predeterminada.

    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 clasificación también se puede aplicar inicialmente mediante la propiedad sortDirection de la definición de dimensión.

        var pivotConfiguration = new IgbPivotConfiguration();
        var rowDimension = new IgbPivotDimension() {
            MemberName = "SellerName",
            Enabled = true,
            SortDirection = SortingDirection.Asc
        };
        pivotConfiguration.Rows.Add(rowDimension);
    razor

    Dimensions Resizing

    Las dimensiones de las filas se pueden cambiar de tamaño de manera similar al cambio de tamaño de las columnas, mediante un indicador de cambio de tamaño que se puede encontrar en el borde derecho de las celdas. También se puede cambiar su tamaño automáticamente haciendo doble clic en el indicador de cambio de tamaño o usando la API relacionada: AutoSizeRowDimension.

    También se puede establecer inicialmente un tamaño diferente con la propiedad Width disponible en la definición de dimensión:

        var pivotConfiguration = new IgbPivotConfiguration();
        var rowDimension = new IgbPivotDimension() {
            MemberName = "SellerName",
            Enabled = true,
            Width = "400px"
        };
        pivotConfiguration.Rows.Add(rowDimension);
    razor

    Dimensions Selection

    La cuadrícula dinámica admite la selección única que se habilita igual que en la cuadrícula base. Por ejemplo:

    <IgbPivotGrid PivotConfiguration="PivotConfiguration"
            Data="PivotSalesData"
            Name="grid"
            RowSelection=GridSelectionMode.Single
            @ref="grid">
    </IgbPivotGrid>
    razor

    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

    El IgbPivotGrid componente proporciona una SuperCompactMode entrada. Es adecuado para casos que requieren que haya muchas celdas presentes en la pantalla a la vez. Si está habilitada, la opción ignora la--ig-size variable CSS para la cuadrícula dinámica. Al habilitarla, SuperCompactMode también se establece el--ig-size destino para small cada componente secundario (como IgbChip) que no tenga la SuperCompactMode opción.

    <IgbPivotGrid SuperCompactMode=true></IgbPivotGrid>
    razor

    Additional Summary Column

    Cuando una dimensión column define una jerarquía, la cuadrícula dinámica mostrará una columna de resumen/total adicional, que acumula las agregaciones de todas las columnas dentro del grupo. Cuando el grupo esté colapsado, solo permanecerá la columna de resumen. Y cuando se expande el grupo, aparece la columna de resumen adicional al final del grupo.

    Interacciones

    Keyboard Navigation

    La navegación con teclado en IgbPivotGrid funciona de manera similar a la de IgbGrid. La cuadrícula dinámica se divide en tres áreas: rows, columns y values. Las áreas para rows y columns se consideran encabezados a efectos de navegación, mientras que el área para values es el cuerpo. Las flechas del teclado permiten navegar por el elemento activo dentro del área actual únicamente.

    Dimensions Drag & Drop

    Las dimensiones están representadas por fichas que se pueden arrastrar y soltar. Todas las fichas pueden cambiar su orden dentro de su área arrastrando y soltando. Los chips de rows, column, filter (chips de dimensiones) se pueden mover de cualquiera de esas áreas a cualquier otra y en cualquier lugar. Las fichas de estas áreas no se pueden mover al área values y las fichas del área values no se pueden mover a ninguna de las áreas de dimensiones.

    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.

    API References

    Additional Resources