allow passing style to cellRenderer

Author: Liooo

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}

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;