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 也能做。

以下为部分效果图:

在这里插入图片描述

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐