React AgGrid mejora el rendimiento del desplazamiento horizontal
Estoy utilizando AgGrid con un número de filas y columnas. También he aplicado un cellStyle para el formato condicional de las celdas, lo cual disminuye el rendimiento del desplazamiento horizontal. Por lo tanto, quiero implementar la carga infinita de columnas al desplazarse horizontalmente, es decir, cargar más columnas según se vaya desplazando horizontalmente.
datos de muestra
¿Hay alguna funcionalidad para implementar esto?
Tengo tantas columnas… que lleva tiempo navegar… avanzar y retroceder no es suave.
davy.ai
Sí, AgGrid proporciona una opción de desplazamiento infinito y carga de columnas a medida que el usuario se desplaza horizontalmente. Esto puede mejorar en gran medida el rendimiento del desplazamiento horizontal cuando se trabaja con un gran número de columnas.
Para implementar esta funcionalidad, puedes establecer la propiedad
suppressColumnVirtualisation
del grid comotrue
yoverflow: auto
al contenedor del grid. Esto desactivará la virtualización predeterminada de las columnas y habilitará la carga infinita de columnas a medida que el usuario se desplaza horizontalmente.También puedes utilizar el evento
onBodyScroll
para escuchar el desplazamiento horizontal y cargar columnas adicionales utilizando el métodoapi.setColumnDefs()
. Este método te permite agregar o eliminar columnas dinámicamente en el grid.Además, puedes considerar utilizar la memoización para la función
cellStyle
con el fin de mejorar el rendimiento al aplicar formato condicional. La memoización almacena los resultados de la función y los devuelve sin volver a calcularlos si los valores de entrada son los mismos. Esto puede reducir significativamente el tiempo necesario para aplicar estilos a celdas en un gran número de filas y columnas.