disable overflow on header row for tables

This commit is contained in:
miloschwartz
2026-04-22 12:08:41 -07:00
parent 9bc11b8717
commit c2c8b7a631
3 changed files with 3 additions and 3 deletions

View File

@@ -413,7 +413,7 @@ export function ControlledDataTable<TData, TValue>({
</div>
</CardHeader>
<CardContent>
<div className="overflow-x-auto">
<div className="overflow-x-auto overflow-y-hidden">
<Table>
<TableHeader>
{table.getHeaderGroups().map((headerGroup) => (

View File

@@ -695,7 +695,7 @@ export function DataTable<TData, TValue>({
</div>
</CardHeader>
<CardContent>
<div className="overflow-x-auto">
<div className="overflow-x-auto overflow-y-hidden">
<Table>
<TableHeader>
{table.getHeaderGroups().map((headerGroup) => (

View File

@@ -12,7 +12,7 @@ const Table = React.forwardRef<
>(({ className, sticky, ...props }, ref) => (
<div
className={cn("relative w-full", {
"overflow-auto": !sticky
"overflow-x-auto overflow-y-hidden": !sticky
})}
>
<table