From 4602ac10ed8254e0616bc399f5da002b9204d22b Mon Sep 17 00:00:00 2001
From: zhangwenshuai <zhangwenshuai@mttop.cn>
Date: Fri, 4 Sep 2020 16:11:37 +0800
Subject: [PATCH] update drag fixed id

---
 components/apolloTable/component/DragFixed.tsx      | 4 ++--
 components/apolloTable/component/DragResized.tsx    | 4 ++--
 components/apolloTable/component/DragSorted.tsx     | 4 ++--
 components/apolloTable/component/RightDragFixed.tsx | 4 ++--
 components/apolloTable/component/Table.tsx          | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/apolloTable/component/DragFixed.tsx b/components/apolloTable/component/DragFixed.tsx
index f408821..d32cbfa 100644
--- a/components/apolloTable/component/DragFixed.tsx
+++ b/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);
diff --git a/components/apolloTable/component/DragResized.tsx b/components/apolloTable/component/DragResized.tsx
index 2005fde..7820a7d 100644
--- a/components/apolloTable/component/DragResized.tsx
+++ b/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) => {
diff --git a/components/apolloTable/component/DragSorted.tsx b/components/apolloTable/component/DragSorted.tsx
index 3471395..9f3e2bf 100644
--- a/components/apolloTable/component/DragSorted.tsx
+++ b/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');
diff --git a/components/apolloTable/component/RightDragFixed.tsx b/components/apolloTable/component/RightDragFixed.tsx
index e73e976..225bcd2 100644
--- a/components/apolloTable/component/RightDragFixed.tsx
+++ b/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);
diff --git a/components/apolloTable/component/Table.tsx b/components/apolloTable/component/Table.tsx
index 74947f7..832f92a 100644
--- a/components/apolloTable/component/Table.tsx
+++ b/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>
-- 
2.21.0