vxe-table 和 vxe-grid 的区别,有什么区别

vxe-ui vxe-tablevxe-grid 的区别,有什么区别?

查看 github

两者基础功能完全一致,高级功能grid专用。其次是调用方式不同:grid 配置式组件 >= table 标签式组件

说明table(标签式静态表格)grid(配置式表格)
用法使用标签配置 <vxe-column field=“xx” …/>完全 JSON 配置:{ field: ‘xx’, … }
动态列√仅支持静态列√ 全动态 JSON
基础参数及事件
边框
序号
复选框
单选框
高亮行或列
格式化内容
筛选
多列排序
列宽拖动
分组表头
冻结列
自定义列
列拖拽排序
展开行
树形结构
数据分组
行拖拽排序
按键导航
显示/隐藏列
右键快捷菜单
合并
导入(xlsx,csv,html,xml,txt)
导出(xlsx,csv,html,xml,txt,pdf)
打印
自定义模板√ (插槽模板)√ 全部支持(插槽模板、JSX模板、渲染函数)
虚拟滚动
全局渲染器
全局快捷菜单
全局格式化
表单√ 集成
工具栏√ 集成
分页√ 集成
CRUD√ 手动处理(新增、删除、修改、标记)√ 数据代理(查询、新增、删除、修改、标记)
数据校验
数据代理
全屏放大
鼠标选取(企业版)
复制/粘贴(企业版)
查找/替换(企业版)
选取与图表渲染(企业版)

总结

table 能做的 grid 也能做,table 不能做的 grid 也能做。

以下为部分效果图:

在这里插入图片描述

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值