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

需注意给多级表头和需要固定的列每一列都加上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>

你可能感兴趣的:(javascript,vue.js,前端,css)