Hi, I'm trying to create table with scrollable body and sticky header.
When I use native HTML tags everything works as expected:
<div className="max-h-96 overflow-auto">
<table>
<thead className="sticky top-0">
{...}
</thead>
<tbody>
{...}
</tbody>
</table>
</div>After replacing with radix Table tags header is no longer sticky:
<div className="max-h-96 overflow-auto">
<Table.Root>
<Table.Header className="sticky top-0">
{...}
</Table.Header>
<Table.Body>
{...}
</Table.Body>
</Table.Root>
</div>
Hi, I'm trying to create table with scrollable body and sticky header.
When I use native HTML tags everything works as expected:
After replacing with radix
Tabletags header is no longer sticky: