element ui table 多级表头 嵌套后 如何控制 rowspan

新手上路,请多包涵

图片描述

如上图展示效果,使用官网的示例代码生成多级表头
代码如下:

<el-table-column align="center" label="受灾人口">
     <el-table-column align="center" label="(个)">
         <template slot-scope="scope">
             <span>{{ scope.row.population }}</span>
         </template>
     </el-table-column>
  </el-table-column>

问题是:如何让“受灾人口”和后面的几列都占两行显示?如下图:
图片描述

阅读 5.3k
1 个回答
新手上路,请多包涵

image.pngimage.png
我套了个空表头,然后操作dom样式勉强调成了图示需求。。。image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏