vxe-table 实现列表单元格的合并,将多个列头合并为一个的实现方式
vxe-table 实现列表单元格的合并,将多个列头合并为一个的实现方式在使用 vxe-table 时,如果需要合并单元格非常简单,只需要通过 merge-cells 就可以非常轻松的合并单元格,但是需要合并列表就非常难了。好消息的最新版本支持列头合并了,只需要通过 merge-header-cells 就能轻松合并列头了
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
效果
产品需求是将 name 和 role两列合并为一列
代码
由于是临时合并,如果存在个性化列的功能,还需要配合columns-change 事件来更新合并规则
<template>
<vxe-grid v-bind="gridOptions"></vxe-grid>
</template>https://gitee.com/x-extends/vxe-table
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页:
[1]