allow passing style to cellRenderer

dbeaver · Oct 20, 2024 · a0aa632 · a0aa632
1 parent 07c7374
commit a0aa632
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/Cell.tsx b/src/Cell.tsx
@@ -40,6 +40,7 @@ function Cell<R, SR>(
     onContextMenu,
     onRowChange,
     selectCell,
+    style,
     ...props
   }: CellRendererProps<R, SR>,
   ref: React.Ref<HTMLDivElement>
@@ -93,6 +94,14 @@ function Cell<R, SR>(
     onRowChange(column, newRow);
   }
 
+  const cellStyle = getCellStyle(column, colSpan);
+  if (style) {
+    let key: keyof React.CSSProperties;
+    for (key in style) {
+      (cellStyle as any)[key] = style[key];
+    }
+  }
+
   return (
     <div
       role="gridcell"
@@ -103,7 +112,7 @@ function Cell<R, SR>(
       ref={ref}
       tabIndex={tabIndex}
       className={className}
-      style={getCellStyle(column, colSpan)}
+      style={cellStyle}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
       onContextMenu={handleContextMenu}

diff --git a/src/types.ts b/src/types.ts
@@ -145,7 +145,7 @@ export interface CellRendererProps<TRow, TSummaryRow>
   extends Pick<RenderRowProps<TRow, TSummaryRow>, 'row' | 'rowIdx' | 'selectCell'>,
     Omit<
       React.HTMLAttributes<HTMLDivElement>,
-      'style' | 'children' | 'onClick' | 'onDoubleClick' | 'onContextMenu'
+      'children' | 'onClick' | 'onDoubleClick' | 'onContextMenu'
     > {
   column: CalculatedColumn<TRow, TSummaryRow>;
   colSpan: number | undefined;