Как добавить горизонтальную полосу прокрутки в компонент таблицы shadcn ⇐ CSS

[Anonymous]

Код: Выделить всё

{isPending ? (

) : (



{table.getHeaderGroups().map((headerGroup) => (

{headerGroup.headers.map((header) => (

{!header.isPlaceholder && (

{flexRender(header.column.columnDef.header, header?.getContext())}

)}

))}

))}


{!noRecordsFound ? (
table.getRowModel().rows.map((row) => {
return (
 handleDataRecordClick(row)}>
{row.getVisibleCells().map((cell) => {
return (


{flexRender(cell.column.columnDef.cell, cell.getContext())}


);
})}

);
})
) : (




No Records Found.



)}



)}

Это код моего компонента таблицы данных. У меня 7 столбцов, и они переполняются вправо. Если вы используете ноутбук, вы можете легко прокручивать по горизонтали с помощью сенсорной панели, а если вы находитесь на компьютере, вы можете использовать клавиши со стрелками, но я хочу сделать так, чтобы была видна горизонтальная полоса прокрутки и можно было прокручивать.
Я знаю, что добавил много классов «переполнения-прокрутки» ко всем возможным тегам компонентов/HTML, но ни один из них не работает. Я вижу только вертикальную полосу прокрутки, а не горизонтальную.
может кто-нибудь помочь мне с этой проблемой. мне просто нужна горизонтальная полоса прокрутки, которую можно использовать для горизонтальной прокрутки

Подробнее здесь: https://stackoverflow.com/questions/785 ... -component