@lensui/lens-table 0.1.79 → 0.1.80

package/dist/index.cjs

@@ -1280,6 +1280,7 @@ function paintGrid(options) {
         const annotation = cellAnnotations.get(`${typeof rowKey}:${String(rowKey)}\0${column.key}`);
         const rawValue = column.dataIndex === void 0 ? void 0 : row[column.dataIndex];
         const cellStyle = column.cellStyle?.(rawValue, row, rowIndex);
+        const cellGridColor = cellStyle?.gridColor ? resolveColor(cellStyle.gridColor) : void 0;
         if (!isSelectedCell && !isRangeCell && cellStyle?.backgroundColor) {
           const cellBackground = resolveColor(cellStyle.backgroundColor);
           if (cellBackground) {
@@ -1306,7 +1307,7 @@ function paintGrid(options) {
           ctx.fillStyle = isAxisSelected ? getAxisSelectionFill(rowIndex, column.key) : colors.columnDropTargetFill;
           ctx.fillRect(x, y, cellWidth, cellHeight);
         }
-        ctx.fillStyle = selectedRowKeys.has(rowKey) ? getAxisSelectionFill(rowIndex, column.key) : isRangeCell ? colors.selectionFill : colors.grid;
+        ctx.fillStyle = selectedRowKeys.has(rowKey) ? getAxisSelectionFill(rowIndex, column.key) : isRangeCell ? colors.selectionFill : cellGridColor ?? colors.grid;
         if (!verticalBorderless && !(frameBorderless && columnIndex + colSpan >= columns.length)) {
           ctx.fillRect(x + cellWidth - 1, y, 1, cellHeight);
         }

package/dist/index.d.cts

@@ -230,10 +230,12 @@ interface GridColumn<Row> {
     renderCell?: (value: unknown, row: Row, rowIndex: number) => ReactNode;
     /** Show this column in the summary row. true sums numeric values; a function can return custom content. */
     summary?: boolean | ((rows: Row[], column: GridColumn<Row>) => ReactNode);
-    /** Custom cell paint style. Supports text color and background color in canvas rendering. */
+    /** Custom cell paint style used by canvas rendering. */
     cellStyle?: (value: unknown, row: Row, rowIndex: number) => {
         color?: string;
         backgroundColor?: string;
+        /** Override this cell's right and bottom grid separators without changing their geometry. */
+        gridColor?: string;
     };
 }
 /** Zero-based row/column coordinates inside the current row and column arrays. */

package/dist/index.d.ts

@@ -230,10 +230,12 @@ interface GridColumn<Row> {
     renderCell?: (value: unknown, row: Row, rowIndex: number) => ReactNode;
     /** Show this column in the summary row. true sums numeric values; a function can return custom content. */
     summary?: boolean | ((rows: Row[], column: GridColumn<Row>) => ReactNode);
-    /** Custom cell paint style. Supports text color and background color in canvas rendering. */
+    /** Custom cell paint style used by canvas rendering. */
     cellStyle?: (value: unknown, row: Row, rowIndex: number) => {
         color?: string;
         backgroundColor?: string;
+        /** Override this cell's right and bottom grid separators without changing their geometry. */
+        gridColor?: string;
     };
 }
 /** Zero-based row/column coordinates inside the current row and column arrays. */

package/dist/index.js

@@ -1250,6 +1250,7 @@ function paintGrid(options) {
         const annotation = cellAnnotations.get(`${typeof rowKey}:${String(rowKey)}\0${column.key}`);
         const rawValue = column.dataIndex === void 0 ? void 0 : row[column.dataIndex];
         const cellStyle = column.cellStyle?.(rawValue, row, rowIndex);
+        const cellGridColor = cellStyle?.gridColor ? resolveColor(cellStyle.gridColor) : void 0;
         if (!isSelectedCell && !isRangeCell && cellStyle?.backgroundColor) {
           const cellBackground = resolveColor(cellStyle.backgroundColor);
           if (cellBackground) {
@@ -1276,7 +1277,7 @@ function paintGrid(options) {
           ctx.fillStyle = isAxisSelected ? getAxisSelectionFill(rowIndex, column.key) : colors.columnDropTargetFill;
           ctx.fillRect(x, y, cellWidth, cellHeight);
         }
-        ctx.fillStyle = selectedRowKeys.has(rowKey) ? getAxisSelectionFill(rowIndex, column.key) : isRangeCell ? colors.selectionFill : colors.grid;
+        ctx.fillStyle = selectedRowKeys.has(rowKey) ? getAxisSelectionFill(rowIndex, column.key) : isRangeCell ? colors.selectionFill : cellGridColor ?? colors.grid;
         if (!verticalBorderless && !(frameBorderless && columnIndex + colSpan >= columns.length)) {
           ctx.fillRect(x + cellWidth - 1, y, 1, cellHeight);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensui/lens-table",
-  "version": "0.1.79",
+  "version": "0.1.80",
   "description": "A lightweight, canvas-rendered React table component for LensUI.",
   "type": "module",
   "main": "./dist/index.cjs",