兼容分页

components/apolloTable/component/Table.less

@@ -6,7 +6,6 @@
     flex-direction: row;
     border: 1px solid @borderColor;
     overflow: hidden;
-    &.scroll {
     height: 100%;
     .loading {
         position: absolute;
@@ -14,7 +13,6 @@
         transform: translate(-50%, -50%);
         z-index: 10;
     }
-    }
     .leftSideContainer {
         box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
         position: absolute;

components/apolloTable/component/Table.tsx

@@ -449,13 +449,9 @@ export default class AirTable extends Component<TableProps, TableState> {
                         {({ onScroll, scrollLeft, scrollTop }: any) => {
                             return (
                                 <div
-                                    className={
-                                        this.props.onScroll
-                                            ? classNames(styles.tableContainer, styles.scroll)
-                                            : styles.tableContainer
-                                    }
+                                    className={styles.tableContainer}
                                     style={{
-                                        paddingRight: this.props.onScroll ? paddingRight : 0,
+                                        paddingRight,
                                     }}
                                     id={`apolloTable_${tableId}`}
                                 >

components/apolloTable/component/index.less

 @import '../common';
 .container {
-    //overflow: hidden;
-    //height: 100%;
     width: 100%;
     position: relative;
-    &.scroll {
     display: flex;
     flex-direction: column;
     height: calc(100vh - 92px);
-    }
 
     .operateContainer {
     }
     .tableContainer {
         position: relative;
         box-shadow: @boxShadow;
-        //min-height: 600px;
-        &.scroll {
         flex: 1;
         display: flex;
         flex-direction: column;
-        }
         .tableOperateContainer {
             height: 38px;
             overflow: hidden;

components/apolloTable/component/index.tsx

@@ -102,19 +102,11 @@ class AirTable extends React.Component<CommonProps, CommonState> {
         return (
             <Provider value={{ locale: this.getContext() }}>
                 <div
-                    className={
-                        onScroll
-                            ? classNames(styles.container, styles.scroll, className)
-                            : classNames(styles.container, className)
-                    }
+                    className={classNames(styles.container, className)}
                 >
                     {operateConfig && <OperateConfig columns={columns} operateConfig={operateConfig} />}
                     <div
-                        className={
-                            onScroll
-                                ? classNames(styles.tableContainer, styles.scroll, tableClassName)
-                                : classNames(styles.tableContainer, tableClassName)
-                        }
+                        className={classNames(styles.tableContainer, tableClassName)}
                     >
                         {tableOperateConfig && (
                             <div className={styles.tableOperateContainer}>
@@ -128,7 +120,7 @@ class AirTable extends React.Component<CommonProps, CommonState> {
                                 dataSource={dataSource}
                                 rowStyle={rowStyle}
                                 rowClassName={rowClassName}
-                                onScroll={this.onScroll}
+                                onScroll={onScroll ? this.onScroll : undefined}
                                 distanceToLoad={distanceToLoad}
                                 cellEditable={cellEditable}
                                 emitChangeCell={emitChangeCell}