添加自定义表头样式

components/apolloTable/component/index.tsx

@@ -133,10 +133,9 @@ class AirTable extends React.Component<CommonProps, CommonState> {
             nextState.columns = nextProps.columns;
         }
         const operateConfig = nextProps.operateConfig;
-        const nextGroupConfig: any =
-            operateConfig &&
-            operateConfig.menusGroup &&
-            operateConfig.menusGroup.find((item: any) => {
+        const nextGroupConfig: any = operateConfig
+            && operateConfig.menusGroup
+            && operateConfig.menusGroup.find((item: any) => {
                 return item.type === 'group';
             });
         if (nextGroupConfig && JSON.stringify(groupConfig) !== JSON.stringify(nextGroupConfig.value)) {
@@ -214,18 +213,18 @@ class AirTable extends React.Component<CommonProps, CommonState> {
             cachedFeAttr,
             renderFirstLeft,
             leftMargin,
+            selfClass,
         } = this.props;
-        const sortConfig =
-            operateConfig &&
-            operateConfig.menusGroup &&
-            operateConfig.menusGroup.find((item: any) => {
+        const sortConfig = operateConfig
+            && operateConfig.menusGroup
+            && operateConfig.menusGroup.find((item: any) => {
                 return item.type === 'sort';
             });
         const memDataSource = memoizeData(groupConfig, dataSource);
         return (
             <Provider value={{ locale: this.getContext() }}>
                 <div className={classNames(styles.container, className)}>
-                    {operateConfig && <OperateConfig columns={columns} operateConfig={operateConfig} />}
+                    {operateConfig && <OperateConfig selfClass={selfClass} columns={columns} operateConfig={operateConfig} />}
                     <div className={classNames(styles.tableContainer, tableClassName)}>
                         {tableOperateConfig && (
                             <div className={styles.tableOperateContainer}>

components/apolloTable/component/operate/index.tsx

 import React, { Component } from 'react';
 import { Button } from 'antd';
+import classname from 'classnames';
 import Hide from '../hide';
 import Filter from '../filter';
 import Sort from '../sort';
@@ -10,6 +11,7 @@ import s from './index.less';
 import { OperateConfigProps, ColumnProps } from '../interface';
 
 interface Props {
+    selfClass?: string;
     operateConfig?: OperateConfigProps;
     columns: ColumnProps[];
 }
@@ -39,7 +41,9 @@ export default class Operate extends Component<Props> {
     };
 
     renderBtn = (btn: any) => {
-        const { render, label, onClick, type, ghost, icon } = btn;
+        const {
+            render, label, onClick, type, ghost, icon,
+        } = btn;
         if (typeof render === 'function') {
             return render(btn);
         }
@@ -52,12 +56,11 @@ export default class Operate extends Component<Props> {
     };
 
     render() {
-        const { operateConfig, columns } = this.props;
+        const { operateConfig, columns, selfClass } = this.props;
         const { menusGroup, buttonsGroup, renderCustomNode, showCondition }: any = operateConfig || {};
 
-        const filter: any =
-            menusGroup &&
-            menusGroup.find((item: any) => {
+        const filter: any = menusGroup
+            && menusGroup.find((item: any) => {
                 return item.type === 'filter';
             });
         return (
@@ -65,7 +68,7 @@ export default class Operate extends Component<Props> {
                 {renderCustomNode && typeof renderCustomNode === 'function' ? renderCustomNode() : null}
                 <div className={s.headerContainer}>
                     {menusGroup && (
-                        <div className={s.defaultMenus}>
+                        <div className={classname(s.defaultMenus, selfClass || '')}>
                             {menusGroup.map((item: any, i: number) => {
                                 return (
                                     <div className={s.operate} key={i}>