el-table-column的selection选项框穿透div，一直处于上层如何解决？

• Z时代
• 2024-02-28
• 分类：IT

请教一下大家，el-table-column的 selection 选项框穿透能否解决？它一直在最上层，用div无法掩盖。如图一是本来的样子，图二是底下div展开后的样子。

表格

<el-table :data="tableData.slice((tablePage.pageNum-1)*tablePage.pageSize,tablePage.pageNum*tablePage.pageSize)" border>
   <el-table-column type="selection" width="55"></el-table-column>
      <el-table-column v-for="item in header"
         :prop= "item.prop"
         :label= "item.label"
         :key= "item.prop"
         :min-width="item.width"
      >
   </el-table-column>
 </el-table>

div展开截图

<div v-if="bottomActive" style="width: 100%;">
    <el-table :data="tableData" border style="width: 100%; margin-top: 10px" height="300" >
     <el-table-column type="selection" width="55"></el-table-column>
     <el-table-column v-for="item in header"
           :prop= "item.prop"
           :label= "item.label"
           :key= "item.prop"
           :min-width="item.width"
       >
       </el-table-column>
    </el-table>
</div>

以上是 el-table-column的selection选项框穿透div，一直处于上层如何解决？ 的全部内容， 来源链接： utcz.com/p/935180.html