fix: sticky columns in DataTable (#21278)

* fix: sticky columns in DataTable * update th color * remove rounded corner * border change
2025-05-14 08:34:50 +00:00
parent 7fc11ff341
commit deb55c0536
1 changed files with 2 additions and 1 deletions
@@ -163,6 +163,7 @@ export function DataTable<TData>({
                      }}
                      className={classNames(
                        "relative flex shrink-0 items-center",
+                        "bg-muted",
                        column.getIsPinned() && "top-0 z-20 sm:sticky"
                      )}>
                      <TableHeadLabel header={header} />
@@ -287,7 +288,7 @@ function DataTableBody<TData>({

  return (
    <TableBody
-      className="border-subtle relative grid overflow-hidden rounded-xl border"
+      className="border-subtle relative grid border-t"
      data-testid={testId}
      style={{ height: tableHeight }}>
      {rowsToRender.map(({ row, virtualItem }) => (