活字格10.0 update1新功能解密：十二丶EL表格和虚拟表格插件提升

Element插件大家都已经很熟悉了，不论是美观度还是易用性上，相信都已经“俘获”了不少格粉们的心~

那么为了让大家用的更舒服、更顺心，10.1版本中同样为大家带来了不少提升。接下来就让我为大家一一进行介绍。



EL-表格

1、设计器中可以预览表格效果

当我们在设计器中给EL-表格设置好数据源后，EL-表格可以像活字格内置表格一样，有预览的效果，这样方便我们在设计时，不需要运行才能对表格效果进行预览，方便了许多。





同样，我们可以右键表格，进行预览效果的刷新。


2、自动合并

同样的，我们支持了列合并，可以设置某些列的合并。


如上图，我们可以选择希望合并的列，勾选右侧配置栏中的【自动合并】，运行后，就可以自动合并对应的列。


除了自动合并，下面还有一项【自动合并参考列列名】的配置项，这一项的用法是：如果设置了自动合并参考列，则必须参考列也合并时本列才会合并，可以实现分级合并的效果，被参考的列也应该是合并的。

以上是用法的简单解释，具体用法效果，请看：

表格上有一列为【商品的供应商】，旁边一列为【上下架状态】，那么我们给这两列都开启自动合并后，效果如下：



可以看到，这两列的合并是不对齐的，用户看起来就很容易混乱，为了解决这个问题，我们可以给【上下架状态】设置下【自动合并参考列列名】，也就是商品的供应商。




再来看看效果：




是不是整齐舒服多了~

3、单元格类型

我们支持更多的单元格类型设置，包括：默认、复选框、图片、进度条、评分、标签。


我们用一张表设置以上的所有单元格类型，看看效果吧~


是不是瞬间高大上、漂亮了许多~

4、支持JSON数据源设置列的配置

当我们不使用数据源，而是需要动态的取数据时，通常使用的是JSON数据，那么EL表格现在也支持针对JSON数据设置表格列的格式配置。

具体使用方式是，当我们使用【操作单元格命令】给EL表格设置数据源时进行设置：



需要注意的是，EL表格需要勾选【自动根据数据源生成列】，【操作单元格命令】中就会出现【配置表格列】的选项。




比如，我可以给对应的列设置样式，设置不同的颜色，效果如下：



除了简单样式设置以外，还有一个重要的点，可以设置每一列的【列权限】。

在同样设置界面就可以设置啦。



5、支持冻结列

如果我们想把某些列冻结在表格【左侧】或【右侧】，那么EL表格现在也支持设置冻结：


效果如下：


EL-虚拟表格

1、设计器中可以预览表格效果

效果同EL表格一致，也可以在设计器中预览效果。


2、支持冻结列

同样的，和EL表格一致支持冻结列【左侧】或【右侧】的设置。


3、单元格类型

同样的，和EL表格一致，EL虚拟表格也支持默认、复选框、图片、进度条、评分、标签这几种单元格类型。


效果如下：


4、支持设置JSON树形数据自动生成图表

当我们的EL虚拟表格设置——数据类型——树形数据时，我们可以根据JSON数据生成对应的图表：


运行后获取JSON数据并设置：


5、支持JSON数据源设置列的配置
同样的，对应JSON数据源，也可以配置对应表格列设置：


6、虚拟表格支持权限

最后，权限当然是必不可少啦。


怎么样，各位小伙伴，以上的增强是不是对大家的项目更有信心了呢~~~

祝大家“玩”的开心~~！