winfrom里面使用类似于table的合并的控件_JS开源免费的表格控件

由于项目需要，最近搜集了一些表格控件，包括Fancygrid、handsontable等，这些是收费的

下面推荐这3款，基本上能满足日常需求

1. Element-ui 的Table表格控件
2. w2ui表格
3. vxe-table1

---

1. Element-ui

The world's most popular Vue UI framework​element.eleme.cn

我们做配载时用到了他自带的Table表格控件

满足日常需求，但是目前有2个小遗憾

• 如果不分页的话，加载数量大时会卡顿，没有内置虚拟滚动功能
• 虽然支持复选框多选，但是不支持鼠标拖动多选

为了解决这两个问题，我们搜索到了w2ui

2. w2ui

JavaScript UI - w2ui​w2ui.com

w2ui表格 界面整体风格贴近苹果和linux风

• 对大数据不分页显示做了支持，最高可以支持100万条数据的渲染
• 支持鼠标拖动和Checkbox多选

• 排序和筛选功能强大

3. vxe-table

一个基于VUE的表格控件，国人开发的，文档很详细

网址：

https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/filter大猩猩X/vxe-tablehttps://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/filter

大猩猩X/vxe-table​gitee.com

后记：

我们做配载项目时使用了w2ui组件

需求功能：

• 多选
• 装箱时，从表格删除，在右侧bay位图增加
• 卸箱时，从右侧删除，再放回到表格中
• 可以排序和筛选

效果图如下

w2ui使用感受如下：

优点：

• 可以方便的多选、删除、增加、筛选及排序
• 通过示例代码可以很方便上手
• 增加/删除数据时，表格的筛选和排序状态可以保存

缺点：

• 作者在最新版本中取消了分页功能，采用了虚拟滚动技术，在数据量大的情况下，增加删除表格会卡顿

参考资料：

网址见上文

未完，待续.....