解决表头换行的问题

src/view/memberGroup/memberGroupList.vue

@@ -41,7 +41,7 @@
             @selection-change="handleSelectionChange"
           >
             <el-table-column type="selection" width="55"> </el-table-column>
-            <el-table-column label="分组名称" min-width="150">
+            <el-table-column label="分组名称" >
               <template slot-scope="scope">
                 <el-popover placement="top-start" width="200" trigger="hover">
                   <div>
@@ -54,28 +54,28 @@
                 </el-popover>
               </template>
             </el-table-column>
-            <el-table-column label="是否实时" min-width="110">
+            <el-table-column label="是否实时" >
               <template slot-scope="scope">
                 {{ scope.row.isRealTime === 1 ? '实时' : '非实时' }}
               </template>
             </el-table-column>
-            <el-table-column label="最近更新时间" show-overflow-tooltip min-width="110">
+            <el-table-column label="最近更新时间" show-overflow-tooltip >
               <template slot-scope="scope">
                 <p class="h-18">{{ scope.row.latestUpdateTime | formatTimeYMD }}</p>
                 <p class="h-18">{{ scope.row.latestUpdateTime | formatTimeHMS }}</p>
               </template>
             </el-table-column>
-            <el-table-column label="更新频率" show-overflow-tooltip min-width="110">
+            <el-table-column label="更新频率" show-overflow-tooltip >
               <template slot-scope="scope">
                 {{(scope.row.updateType, scope.row.updateDay, scope.row.isRealTime | formatUpdateFrequency)}}
               </template>
             </el-table-column>
-            <el-table-column prop="state" label="状态" min-width="80">
+            <el-table-column prop="state" label="状态" >
               <template slot-scope="scope">
                 {{ scope.row.effectiveStatus == 1 ? '有效' : '失效' }}
               </template>
             </el-table-column>
-            <el-table-column prop="peopleCover" label="覆盖人数" show-overflow-tooltip min-width="110">
+            <el-table-column prop="peopleCover" label="覆盖人数" show-overflow-tooltip >
               <template slot="header">
                 覆盖人数
                 <el-popover placement="top-start" width="300" trigger="hover">
@@ -91,18 +91,18 @@
                 {{ (scope.row.memberCount || 0) | formatNum }} 人
               </template>
             </el-table-column>
-            <el-table-column prop="appStatus" label="好办展示" min-width="110">
+            <el-table-column prop="appStatus" label="好办展示" >
               <template slot-scope="scope">
                 <el-switch :active-value="1" :inactive-value="0" v-model="scope.row.appStatus" active-color="#1890ff" @change="switchAppStatus(scope.row.appStatus, scope.row)"> </el-switch>
               </template>
             </el-table-column>
-            <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip min-width="110">
+            <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip >
               <template slot-scope="scope">
                 <p class="h-18">{{ scope.row.createTime | formatTimeYMD }}</p>
                 <p class="h-18">{{ scope.row.createTime | formatTimeHMS }}</p>
               </template>
             </el-table-column>
-            <el-table-column prop="recentUpdateDate" label="到期时间" show-overflow-tooltip min-width="110">
+            <el-table-column prop="recentUpdateDate" label="到期时间" show-overflow-tooltip >
               <template slot-scope="scope">
                 <p class="h-18">{{ scope.row.effectiveDate | formatTimeYMD }}</p>
                 <p class="h-18">{{ scope.row.effectiveDate | formatTimeHMS }}</p>
@@ -662,11 +662,13 @@ export default {
   display: flex;
   .left-box {
     flex: 0 0 200px;
+    width: 200px;
     background-color: #fff;
     border-right: 1px solid rgba(220,223,230,1);
   }
   .right-box {
-    flex: 1;
+    flex: 1 1 1200px;
+    min-width: 1200px;
     .batch-option {
       float: right;
       .fr {