He estado buscando durante un par de días una buena solución a este problema.

Diseñé y estructuré columnas en el paquete react-data-table-component y quiero agregar la barra de desplazamiento en la parte superior. De forma predeterminada, el paquete admite la barra de desplazamiento horizontal en la parte inferior. Pero ahora quiero agregar en la parte superior también. Ya probé esto: [Scrollbar with css and jquery][1]. Pero tampoco funciona También probé [Barra de desplazamiento con css y jquery] [2] También probé Un paquete para agregar Doble barra de desplazamiento en reaccionar pero tampoco funciona: https://www.npmjs.com/package/react -shadowed-double-scrollbar https://npm.io/package/react-double-scrollbar Aquí está mi componente:

 <DataTable title='ELENCO E-PRESENTATIONS' columns={eventColumns} data={state.events} paginationPerPage={50} paginationRowsPerPageOptions={[50, 100, 150, 200, 250, 300]} expandableRowsComponent={<ExpandableComponent />} noDataComponent='Nessun evento trovato' expandableIcon={{ collapsed: <PlayIcon />, expanded: <PlayDisabledIcon /> }} sortIcon={<SortIcon />} striped highlightOnHover pointerOnHover responsive pagination defaultSortField='code' expandableRows expandOnRowClicked />

¿Alguna buena solución para la segunda barra de desplazamiento con contenido de ancho variable? Las soluciones JQuery/Javascript son bienvenidas.

 [1]: https://jsfiddle.net/dagope/DtRTq/ [2]: https://codepen.io/gulzarsoft8/pen/YzQMxQz Here is an image where I want to add scrollbar [3]: https://i.stack.imgur.com/8SYsW.png