修改自定义表头按钮的位置

src/view/memberGroup/memberGroupDetail.vue

@@ -10,9 +10,6 @@
             <span>{{ separator(total) }}</span>
             人
           </span>
-          <span class="inline-block middle m-l-20">
-            <el-button type="primary" icon="el-icon-setting " @click="showDefined"></el-button>
-          </span>
         </div>
         <div class="memberGroupDetail-wrap__head">
           <span class="tag-selected-title">筛选标签</span>
@@ -28,6 +25,9 @@
           <!--            </div>-->
         </div>
         <div class="memberGroupDetail-wrap__table">
+          <span class="defined-btn">
+            <el-button type="primary" icon="el-icon-setting" @click="showDefined"></el-button>
+          </span>
           <el-table v-loading="loading" @sort-change="sortChange" :data="memberGroupDetailData" style="width: 100%">
             <div v-for="item in selectedFields" :key="item.code">
               <el-table-column
@@ -684,8 +684,15 @@ export default {
 }
 
 .memberGroupDetail-wrap__table {
+  position: relative;
   font-size: 14px;
   color: #606266;
+  .defined-btn {
+    position: absolute;
+    top: 12px;
+    right: 30px;
+    z-index: 1;
+  }
 
   .channelicon {
     width: 20px;