update drag fixed id

components/apolloTable/component/DragFixed.tsx

@@ -23,9 +23,9 @@ const DragFixed = (props: any) => {
     // 滑块
     const handle: any = document.querySelector('#leftFixedHandle');
     // 分割线wrap
-    const dividerWrap: any = document.querySelector('#dividerWrap');
+    const dividerWrap: any = document.querySelector(`#dividerWrap_${tableId}`);
     // 分割线
-    const divider: any = document.querySelector('#divider');
+    const divider: any = document.querySelector(`#divider_${tableId}`);
     const onMouseEnterWrap = (e: any) => {
         // 滑块wrap添加hovered样式
         handleWrap.classList.add(styles.hovered);

components/apolloTable/component/DragResized.tsx

@@ -22,9 +22,9 @@ const DragResized = (props: any) => {
     // 表格
     const container: any = document.querySelector(`#apolloTable_${tableId}`);
     // 分割线wrap
-    const dividerWrap: any = document.querySelector('#dividerWrap');
+    const dividerWrap: any = document.querySelector(`#dividerWrap_${tableId}`);
     // 分割线
-    const divider: any = document.querySelector('#divider');
+    const divider: any = document.querySelector(`#divider_${tableId}`);
 
     // 列伸缩开始
     const onResizeWidthStart = (e: any) => {

components/apolloTable/component/DragSorted.tsx

@@ -29,9 +29,9 @@ const DragSorted = (props: any) => {
     // 拖拽列时的影子div
     const columnCopyDiv: any = document.querySelector('#columnCopyDiv');
     // 分割线wrap
-    const dividerWrap: any = document.querySelector('#dividerWrap');
+    const dividerWrap: any = document.querySelector(`#dividerWrap_${tableId}`);
     // 分割线
-    const divider: any = document.querySelector('#divider');
+    const divider: any = document.querySelector(`#divider_${tableId}`);
     // 左侧固定列分割线
     const leftFixedHandleWrap: any = document.querySelector('#leftFixedHandleWrap');
     const rightFixedHandleWrap: any = document.querySelector('#rightFixedHandleWrap');

components/apolloTable/component/RightDragFixed.tsx

@@ -24,9 +24,9 @@ const DragFixed = (props: any) => {
     // 滑块
     const handle: any = document.querySelector('#rightFixedHandle');
     // 分割线wrap
-    const dividerWrap: any = document.querySelector('#dividerWrap');
+    const dividerWrap: any = document.querySelector(`#dividerWrap_${tableId}`);
     // 分割线
-    const divider: any = document.querySelector('#divider');
+    const divider: any = document.querySelector(`#divider_${tableId}`);
     const onMouseEnterWrap = (e: any) => {
         // 滑块wrap添加hovered样式
         handleWrap.classList.add(styles.hovered);

components/apolloTable/component/Table.tsx

@@ -740,8 +740,8 @@ export default class AirTable extends Component<TableProps, TableState> {
                                     <div className={styles.loading} style={{ top: `${totalHeight / 2}px` }}>
                                         {loading && (loadComp ? loadComp : <Spin />)}
                                     </div>
-                                    <div className={styles.widthHandleWrapper} id="dividerWrap">
-                                        <div className={styles.widthHandle} id="divider" />
+                                    <div className={styles.widthHandleWrapper} id={`dividerWrap_${tableId}`}>
+                                        <div className={styles.widthHandle} id={`divider_${tableId}`} />
                                     </div>
                                     <div id="columnCopyDiv" className={styles.columnCopyDiv} />
                                 </div>