Skip to content

Commit 4f8fed3

Browse files
authored
Fix scrollbar placement in Tabular (#1257)
Co-authored-by: David <75678655+David-Werth@users.noreply.github.com>
1 parent f7124c9 commit 4f8fed3

File tree

1 file changed

+6
-2
lines changed
  • packages/graph-explorer/src/components/Tabular

1 file changed

+6
-2
lines changed

packages/graph-explorer/src/components/Tabular/Tabular.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -195,15 +195,19 @@ const TabularContent = <T extends object>({
195195
return (
196196
<div
197197
ref={tableRef}
198-
className={cn(styleWithTheme(defaultStyles(variant)), className)}
198+
className={cn(
199+
styleWithTheme(defaultStyles(variant)),
200+
className,
201+
"overflow-hidden"
202+
)}
199203
style={{
200204
userSelect: tableInstance.state.columnResizing?.isResizingColumn
201205
? "none"
202206
: "auto",
203207
}}
204208
>
205209
{headerControlsChildren}
206-
<div {...getTableProps()} className="table">
210+
<div {...getTableProps()} className="table overflow-auto">
207211
<div
208212
className={cn("headers", {
209213
["headers-sticky"]: !disableStickyHeader,

0 commit comments

Comments
 (0)