element中table设置多级表头并固定制定列，解决固定列不显示内容

最新推荐文章于 2024-04-01 18:32:05 发布

小涵涵是程序媛

最新推荐文章于 2024-04-01 18:32:05 发布

阅读量3.5k

点赞数 3

文章标签： javascript vue.js 前端 css

本文链接：https://blog.csdn.net/m0_52263688/article/details/130325148

版权

需注意给多级表头和需要固定的列每一列都加上fixed属性，并且子表头列的宽度设置总和需要大于等于父级表头，既可以解决。


<el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column label="配送信息" fixed="left" width="300px">
      <el-table-column
        fixed
        prop="name"
        label="姓名"
        width="100">
      </el-table-column>
      <el-table-column label="地址">
        <el-table-column
          fixed
          prop="province"
          label="省份"
          width="100">
        </el-table-column>
        <el-table-column
          fixed
          prop="city"
          label="市区"
          width="100">
        </el-table-column>

    </el-table-column>
  </el-table>