固定表头

src/assets/scss/style.scss

@@ -241,6 +241,7 @@
       }
       .el-table{
         height: 100%;
+        width: 100%;
         overflow-y: auto;
         font-size: 1rem;
       }

src/components/EditSites.vue

@@ -18,10 +18,8 @@
       <div class="listpage-body" id="sites-table">
         <el-table
           ref="editSitesTable"
-          height="100%"
-          size="mini"
+          size="mini" fit height="100%" row-key="id"
           :data="sites"
-          row-key="id"
           @selection-change="handleSelectionChange">
           <el-table-column
             type="selection"

src/components/History.vue

@@ -7,7 +7,7 @@
         <el-button @click.stop="clearAllHistory" type="text">清空</el-button>
       </div>
       <div class="listpage-body" id="history-table">
-        <el-table size="mini" fit :data="history" row-key="id" @row-click="detailEvent">
+        <el-table size="mini" fit height="100%" :data="history" row-key="id" @row-click="detailEvent">
           <el-table-column
             prop="name"
             label="片名">

src/components/IPTV.vue

@@ -16,9 +16,8 @@
       <div class="listpage-body" id="iptv-table">
         <el-table
           ref="iptvTable"
-          height="100%"
+          size="mini" fit height="100%" row-key="id"
           :data="filteredTableData"
-          row-key="id"
           @row-click="playEvent"
           @selection-change="handleSelectionChange">
           <el-table-column

src/components/Star.vue

@@ -8,7 +8,7 @@
         <el-button @click.stop="updateAllEvent" type="text">同步所有收藏</el-button>
       </div>
       <div class="listpage-body" id="star-table">
-        <el-table size="mini" fit :data="list" height="100%" row-key="id" :cell-class-name="checkUpdate" @row-click="detailEvent">
+        <el-table size="mini" fit height="100%" row-key="id" :data="list" :cell-class-name="checkUpdate" @row-click="detailEvent">
           <el-table-column
             sortable
             :sort-method="sortByName"