Tengo una aplicación Javascript (React) que tiene muchos componentes modulares dentro de un elemento principal más grande.

Cada uno de estos componentes modulares muestra una cantidad decente de datos, principalmente en una vista tabular. Es muy probable que cada una de estas vistas tabulares contenga una barra de desplazamiento.

Estoy tratando de cambiar dónde la vista tabular recoge el evento de desplazamiento. Idealmente, me gustaría que la tabla se desplazara cuando el cursor esté en el encabezado de la tabla y cuando esté dentro del componente modular.

Si ayuda, todas las vistas tabulares se crean usando ag-grid y los componentes modulares se crean usando react-grid-layout .

¿Cómo puedo cambiar (ya sea en CSS o JS) dónde un elemento recoge un evento de desplazamiento?