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

阿Q7

本帖最后由 Erik.Xue 于 2024-8-16 11:53 编辑

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

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

image.png741563110.png

EL-表格

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

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

image.png560500182.png

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

2、自动合并

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

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

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

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

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

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

image.png162874755.png

再来看看效果：

是不是整齐舒服多了~

3、单元格类型

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

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

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

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

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

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

image.png244508666.png