Update index.jsx

Author: huangshuwei

packages/ve-table/src/editor/index.jsx

@@ -19,10 +19,6 @@ export default {
             type: Boolean,
             required: true,
         },
-        tableContainerEl: {
-            type: HTMLDivElement,
-            default: null,
-        },
         hooks: {
             type: Object,
             required: true,
@@ -94,6 +90,8 @@ export default {
                 left: 0,
                 top: 0,
             },
+            // table element
+            tableEl: null,
             // cell element
             cellEl: null,
             // auto resize
@@ -187,6 +185,9 @@ export default {
         parentRendered: {
             handler: function (val) {
                 if (val) {
+                    // fixed #471
+                    this.setTableEl();
+
                     // add table container scroll hook
                     this.hooks.addHook(
                         HOOKS_NAME.TABLE_CONTAINER_SCROLL,
@@ -264,14 +265,22 @@ export default {
     },
 
     methods: {
+        // set table element
+        setTableEl() {
+            this.$nextTick(() => {
+                const tableEl = this.$el.previousElementSibling;
+                this.tableEl = tableEl;
+            });
+        },
+
         // set cell element
         setCellEl() {
-            const { cellSelectionData, tableContainerEl } = this;
+            const { cellSelectionData, tableEl } = this;
 
             const { rowKey, colKey } = cellSelectionData.currentCell;
 
-            if (tableContainerEl) {
-                const cellEl = tableContainerEl.querySelector(
+            if (tableEl) {
+                const cellEl = tableEl.querySelector(
                     `tbody.ve-table-body tr[row-key="${rowKey}"] td[col-key="${colKey}"]`,
                 );
 
@@ -292,16 +301,16 @@ export default {
                 hasRightFixedColumn,
                 currentColumn: column,
                 cellEl,
-                tableContainerEl,
+                tableEl,
             } = this;
 
-            if (cellEl && tableContainerEl) {
+            if (cellEl && tableEl) {
                 const {
                     left: tableLeft,
                     top: tableTop,
                     right: tableRight,
                     bottom: tableBottom,
-                } = tableContainerEl.getBoundingClientRect();
+                } = tableEl.getBoundingClientRect();
 
                 const {
                     left: cellLeft,