diff --git a/src/components/XdTable/index.vue b/src/components/XdTable/index.vue
index 918a86fa..374caea1 100644
--- a/src/components/XdTable/index.vue
+++ b/src/components/XdTable/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="xd-table full-block flex-layout"  >
+  <div class="xd-table full-block flex-layout" :id="tableId+'_outer'" >
 
     <div class="table-operate-btn-content" v-show="showOperateButton">
       <slot name="operateBtnContent">
@@ -682,10 +682,10 @@ export default {
       handleOnContextMenu(event){
         // vnode.context.clearEventBubble(event)
         if(this.isTableFocused){
-          var xdTableObj = document.getElementById(this.tableId);
+          var xdTableObjOuter = document.getElementById(this.tableId+"_outer");
           this.clearEventBubble(event)
-          var menu = xdTableObj.querySelector("#contextMenu");
-          let tbPosRect=this.getTablePosition(xdTableObj);
+          var menu = xdTableObjOuter.querySelector("#contextMenu");
+          let tbPosRect=this.getTablePosition(xdTableObjOuter);
           menu.style.left = (event.clientX-tbPosRect.left+5) + "px";
           menu.style.top = (event.clientY-tbPosRect.top-35)  + "px";
           menu.style.display = "block";