feat: 增加getCellClassNameAPI支持自定义单元格样式

src/Table.js

@@ -576,7 +576,7 @@ class Table extends Component {
   }
 
   getExpandedRow(key, content, visible, className, fixed) {
-    const { clsPrefix, expandIconAsCell,onPaste } = this.props;
+    const { clsPrefix, expandIconAsCell,onPaste, getCellClassName } = this.props;
     let colCount;
     if (fixed === 'left') {
       colCount = this.columnManager.leftLeafColumns().length;
@@ -629,6 +629,7 @@ class Table extends Component {
         onDragRow={this.onDragRow}
         onDragRowStart={this.onDragRowStart}
         height={expandedRowHeight}
+        getCellClassName = {getCellClassName}
       />
     );
   }
@@ -850,6 +851,7 @@ class Table extends Component {
           centerColumnsLength={this.centerColumnsLength}
           leftColumnsLength={this.leftColumnsLength}
           expandIconCellWidth={expandIconCellWidth}
+          getCellClassName = {props.getCellClassName}
         />
       );
       this.treeRowIndex++;

src/TableCell.js

@@ -191,7 +191,7 @@ class TableCell extends Component{
 
   render() {
     const { record, indentSize, clsPrefix, indent,
-            index, expandIcon, column ,fixed,showSum, bodyDisplayInRow,lazyStartIndex,lazyEndIndex} = this.props;
+            index, expandIcon, column ,fixed,showSum, bodyDisplayInRow,lazyStartIndex,lazyEndIndex, getCellClassName} = this.props;
     const { dataIndex, render, fieldType, linkConfig, fontColor, bgColor,...other } = column;
     let {className = ''} = column;
 
@@ -297,6 +297,12 @@ class TableCell extends Component{
     if(colMenu){
       className += ' u-table-inline-icon'
     }
+
+    if(typeof getCellClassName == 'function') {
+      const selfClassName = getCellClassName(record, index, column) || ''
+      className += ` ${selfClassName}`
+    }
+
     if(colSpan==0)return null;
     return <td
             draggable={column.draggable}

src/TableRow.js

@@ -462,7 +462,7 @@ class TableRow extends Component{
       clsPrefix, columns, record, height, visible, index,onPaste,
       expandIconColumnIndex, expandIconAsCell, expanded, useDragHandle,rowDraggAble,
       expandable, onExpand, needIndentSpaced, indent, indentSize,isHiddenExpandIcon,fixed,bodyDisplayInRow
-      ,expandedIcon,collapsedIcon, hoverKey,lazyStartIndex,lazyEndIndex, expandIconCellWidth
+      ,expandedIcon,collapsedIcon, hoverKey,lazyStartIndex,lazyEndIndex, expandIconCellWidth, getCellClassName
     } = this.props;
     const {notRowDrag} = this.state;
     let showSum = false;
@@ -530,6 +530,7 @@ class TableRow extends Component{
           onPaste={onPaste}
           stopRowDrag={this.stopRowDrag}
           col={i}
+          getCellClassName = {getCellClassName}
         />
       );
     }