Element-ui的table表头的合并(行和列的合并)

最新推荐文章于 2025-04-23 17:48:22 发布

地中海_zhi

最新推荐文章于 2025-04-23 17:48:22 发布

阅读量4.7k

点赞数

分类专栏： vue 文章标签： vue element表格合并 element表格头合并表格合并

本文链接：https://blog.youkuaiyun.com/qq_40683441/article/details/102462915

版权

vue 专栏收录该内容

8 篇文章

订阅专栏

列的合并

<el-table>
          <el-table-column label="总行" header-align="center" align="center">
          </el-table-column>

          <el-table-column label="第一行1" header-align="center" align="center">
            <el-table-column label="第二行1" header-align="center" align="center">
            </el-table-column>
          </el-table-column>

          <el-table-column label="第一行2" header-align="center" align="center">
            <el-table-column label="第二行2" header-align="center" align="center">
            </el-table-column>
          </el-table-column>

          <el-table-column label="第一行3" header-align="center" align="center">
            <el-table-column label="第二行3" header-align="center" align="center">
            </el-table-column>
          </el-table-column>

          <el-table-column label="第一行4" header-align="center" align="center">
            <el-table-column label="第二行4" header-align="center" align="center">
            </el-table-column>
          </el-table-column>
 </el-table>

效果

行的合并

<el-table>
  <el-table-column label="总行" header-align="center" align="center">
  <el-table-column label="第一行1" header-align="center" align="center">
  </el-table-column>

  <el-table-column label="第一行2" header-align="center" align="center">
  </el-table-column>
  </el-table-column>
</el-table>

效果