居民分类更新情况表格样式自适应

src/assets/scss/modules/index.scss

@@ -647,14 +647,17 @@
     }
 }
 
+.table-container {
+    // max-height: 300px;
+    overflow-y: auto; 
+  }
 .table {
     border-collapse: collapse;
     width: 90%;
     margin: 0 auto;
-
-
+    // height: auto; 
+    margin-top: 45px;
 }
-
 .table th,
 .table td {
     border: 1px solid rgb(230, 230, 230);

src/views/modules/home/index.vue

@@ -233,14 +233,14 @@
         </div>
 
         <!-- <div class="white-box"> -->
-        <div class="m-box m-tx" style="">
+        <div class="m-box m-tx" style="position: relative;">
           <div class="noe-text"> <span style="margin-top: 10px;">居民分类更新情况</span> <span class="update-settings"
               style="margin-top: 10px;" v-show="showAll" @click="jumpToJuMin()"><img referrerpolicy="no-referrer"
                 src="https://lanhu.oss-cn-beijing.aliyuncs.com/pskhmf0717eflwg54wn73s6spnsg6u48r0f69e94b-2bc8-4156-8330-902087b72e0b" />更新设置</span>
           </div>
-          <el-tabs v-model="activeName" style="width:100%;">
-            <div class="table-container" style="height: 300px; overflow: auto;">
-              <table class="table">
+          <!-- <el-tabs style="width:100%; height: 100%;"> -->
+            <div class="table-container" style=" height: auto; width:100%; height: 100%; overflow-y: auto; position: absolute; bottom: 5px;">
+              <table class="table"  style=" height: auto; width:100%; height: 100%;">
                 <thead>
                   <tr>
                     <th>居民类别</th>
@@ -263,7 +263,7 @@
                 </tbody>
               </table>
             </div>
-          </el-tabs>
+          <!-- </el-tabs> -->
         </div>
       </div>
     </div>