Гнездование стола управляемого загара предотвращает прокрутку ⇐ Html

[Anonymous]

Я использую таблицу Tanstack в моем приложении NextJS для управления состоянием моей таблицы. Приведенный ниже код не прокручивается по вертикали, когда вкладывается уровни фриста глубоко из макета. TSX .
Если я не должен был полагаться на таблицу Tanstack и вместо этого на статически определенную Div, дублированное 50 раз, все делает на самом деле прокручивать как обычно. Вот пример этого. < /P>
Почему Tanstack предотвращает вертикальную прокрутку?

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

"use client";

import { cn } from "@/lib/utils";
import {
ColumnDef,
flexRender,
getCoreRowModel,
useReactTable,
} from "@tanstack/react-table";

interface ContactTableProps {
data: TData[];
columns: ColumnDef[];
}

export function RowBasedTable({
data,
columns,
className,
...props
}: ContactTableProps & React.ComponentPropsWithoutRef) {
const table = useReactTable({
data,
columns,
getCoreRowModel: getCoreRowModel(),
});

const rows = table.getRowModel().rows;

if (rows.length == 0) {
return null;
}

return (
{...props}
className={cn(
className,
"p-4 flex flex-col h-full w-full bg-amber-200 overflow-y-auto min-h-0"
)}
>
{rows.map((row) => (

{row.getVisibleCells().map((cell) => (

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

))}

))}

);
}

Единственный способ получить его к прокрутке-это добавить переполнение y-auto к самой внешней сумме .tsx .
Знаете ли вы, почему это? Что отличается от Tanstack?

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