diff --git a/components/apolloTable/component/DragFixed.tsx b/components/apolloTable/component/DragFixed.tsx index f4088217cbfb5a0c35c2d54f1bc7c2da952a8e60..d32cbfa4a033eaa1fb6eaead140d360a6f3f5439 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 2005fde3e1b4616876151f518307f98a2e9f98a2..7820a7d3fb50f35598160963a5b2204245144acf 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 34713955220f0788e5d28a0c0145df4a0b01584b..9f3e2bfb2017146369f09ff57cadf1076ae7406d 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 e73e976e489d4d836d681363f0e98836743c0f7f..225bcd21196bc4d1cb9fe3010c2c19f3c5e04ee5 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 74947f75917d63a213bc2686a10c38b60b3504df..832f92a1d0bd9c859e84533361d07e8f880bff9f 100644 --- a/components/apolloTable/component/Table.tsx +++ b/components/apolloTable/component/Table.tsx @@ -740,8 +740,8 @@ export default class AirTable extends Component {
{loading && (loadComp ? loadComp : )}
-
-
+
+