Fusión de celdas de cuadrícula React

    La tabla de datos Ignite UI for React / cuadrícula de datos admite la combinación de celdas. Puede optar por participar y detectar cuándo los registros del mismo nivel adyacentes para una columna específica contienen el mismo valor. Mientras las celdas no están activas, seleccionadas o en modo de edición, el valor se muestra en todas las celdas.

    React Ejemplo de fusión de celdas de cuadrícula

    EXAMPLE
    DATA
    TSX

    ¿Te gusta este ejemplo? Obtén acceso a nuestro kit de herramientas completo Ignite UI for React y comienza a crear tus propias aplicaciones en minutos. Descárgalo gratis.

    Descripción general

    La fusión de celdas en la cuadrícula de datos de React se puede configurar mediante la mergedCellMode opción de toda la cuadrícula de React o columnas individuales. Esta propiedad se puede establecer en una de las siguientes opciones, que se enumeran a continuación:

    • Never: la cuadrícula o columna nunca fusionará celdas. Este es el comportamiento predeterminado.
    • Always: la cuadrícula o columna siempre intentará fusionar celdas.
    • OnlyWhenSorted: la cuadrícula o columna solo intentará fusionar celdas cuando una columna esté ordenada.

    Tenga en cuenta que, independientemente del valor de esta propiedad, las celdas solo se pueden combinar entre registros hermanos.

    La combinación de celdas se puede evaluar en función de si los datos están formateados o no utilizando la propiedad mergedCellEvaluationCriteria. Esto se aplica a toda la cuadrícula o a columnas individuales y se puede configurar en una de las siguientes opciones, que se enumeran a continuación:

    • RawValue: combina celdas de filas adyacentes cuando los valores sin procesar de las celdas son los mismos. Este es el valor predeterminado.
    • FormattedText: combina celdas de filas adyacentes cuando el valor formateado de las celdas es el mismo.
    Ignite UI for React | CTA Banner

    Referencias de API