Vue3使用el-table实现多级表头合并列

news2024/9/24 11:28:51

不难发现，需要多级表头的列只需要在外面包一层el-table-column起名字即可

<el-table :data="tableData" style="width: 100%">
          <el-table-column type="index" label="序号" width="100" align="center" />
          <el-table-column prop="orgName" label="热企名称" width="150" align="center" />
          <el-table-column prop="" label="总分" width="150" align="center" />
          <el-table-column label="经营许可" align="center">
            <el-table-column prop="operationPermit" label="经营许可" width="150" align="center" />
          </el-table-column>
          <el-table-column label="热源能力" align="center">
            <el-table-column
              prop="heatSourceAbility1"
              label="具备备用热源"
              width="150"
              align="center"
            />
            <el-table-column
              prop="heatSourceAbility2"
              label="热源热量满足需求"
              width="150"
              align="center"
            />
          </el-table-column>
          <el-table-column label="经营场所" align="center">
            <el-table-column
              prop="operationPlace1"
              label="固定经营场所"
              width="150"
              align="center"
            />
            <el-table-column
              prop="operationPlace2"
              label="服务标准齐全"
              width="150"
              align="center"
            />
          </el-table-column>
        </el-table>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2046433.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！