大家好，我是一步莲花，致力于帮助高校实现教学教务全流程信息化。
前言
大多数业务系统中最重要的 UI 组件可能是表。 多年来，我花了很多时间来创建一张对用户和开发人员都体贴的表。 我使用过很多表格组件，从一开始使用 ASP 开始。 NET的gridview，到从git上拉出美国的Jquery表格插件，甚至用jquery制作一个表格组件。 来回了很多次，但总觉得不满意。
Lotus框架整体使用el-emlent之后，一直在使用内置的el-table组件。 但后来我发现，一方面，这个组件的功能比较弱。 另一方面，一旦数据量大了，就会出现卡顿，极大影响用户体验。 ，终于找到了vxe-table，一个国人开发的组件。 这是一个非常好的表格组件。 详细信息大家可以去其官网查看
表组件介绍
为了更好的贴合系统，也方便我日常开发中的使用，我对原有的vxe-table组件进行了一定的改造，除了常用的导入、字段过滤、前端分页之外，还增加了一些实用的属性。 ，最大的改进就是增加了动态查询、自定义过滤、组件中心的功能。 先给大家展示一下最终的效果。 一个完整的Table组件包含四个区域，如下图（实际效果）
表格组件
过滤面积
对于数据的过滤，有两种过滤方式，动态过滤和自定义过滤，
动态滤波器
自定义过滤器
工具区
工具区两侧显示表格标题、当前数据行号和所选行号。 右侧包含五个主要功能点，下载Excel、打印、最大化、表格显示配置、组件中心。
Excel下载
以前的版本使用后端导入。 此方法的一个问题是导入的格式并不是真正的 OFFICE 格式，无法导出。 新版本修改为前端下载，导出格式为标准office格式。
数据拷贝
简单的复制功能，数据量大时慎用，否则会卡
打印接口
最大化
目前高度还存在一些问题，需要继续优化
显示配置
可以拖动列进行排序、合并单元格（出于效率考虑，合并只支持前两列），可以启用数组的排序功能、字段是否隐藏、列较多时将列固定为桌子的左边或其他地方。 双方来说jquery 动态表格，这些功能对于用户来说都是比较常见、实用的功能
表数组配置
表手镯
有时客户希望在某些表单页面中添加一些简单的统计功能。 我们以班级管理功能为例。 基本形式是类列表。 如果我们想统计学校各院系的班级分布情况怎么办？ 再制作一个页面？既然数据已经抓取到了，为什么不充分利用这个数据呢，所以就有了表格的手环功能
用户通过简单的配置就可以根据原始数据创建简单的统计视图。 视图呈现形式主要有五种：表格、仪表板、饼图、条形图、折线图。 小部件有两种类型，一种是管理员创建的公共手环。 所有用户都可以看到这些手镯。 另一种是客户自己创建的。 这种手环只有当前用户才能看到。 主界面如下
元件中心
挂件区
显示当前表对应的手环。 有两种显示方法。 一个显示在表格正上方，打开页面时可以看到。 另一个显示在工具区，点击后即可查看。
widget区域查看数据的来源是后端数据，所以只会统计当前页面的数据，无法应对需要分页查看大量数据的情况
数据区
这个没什么好说的jquery 动态表格，显示前端获取到的数据，根据配置显示分页控件
