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> </div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="overflow-x-auto"> <div className="overflow-x-auto overflow-y-hidden">
<Table> <Table>
<TableHeader> <TableHeader>
{table.getHeaderGroups().map((headerGroup) => ( {table.getHeaderGroups().map((headerGroup) => (

View File

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

View File

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