找回密码
 立即注册

QQ登录

只需一步,快速开始

Erik.Xue 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2024-8-14 14:25  /   查看:859  /  回复:0
本帖最后由 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


再来看看效果:

image.png120003356.png


是不是整齐舒服多了~

3、单元格类型

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

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

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

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

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

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

image.png244508666.png

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

image.png382035521.png
image.png113205565.png

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

image.png55197752.png

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

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

image.png725218200.png

5、支持冻结列

如果我们想把某些列冻结在表格【左侧】或【右侧】,那么EL表格现在也支持设置冻结:
image.png685307616.png

效果如下:
image.png882624816.png

EL-虚拟表格

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

效果同EL表格一致,也可以在设计器中预览效果。
image.png233783263.png

2、支持冻结列

同样的,和EL表格一致支持冻结列【左侧】或【右侧】的设置。
image.png141454161.png

3、单元格类型

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

效果如下:
image.png962083435.png

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

当我们的EL虚拟表格设置——数据类型——树形数据时,我们可以根据JSON数据生成对应的图表:
image.png402459105.png

运行后获取JSON数据并设置:
image.png455904845.png

5、支持JSON数据源设置列的配置
同样的,对应JSON数据源,也可以配置对应表格列设置:
image.png10634459.png

6、虚拟表格支持权限

最后,权限当然是必不可少啦。
image.png455028685.png

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

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

image.png457536315.png



评分

参与人数 4满意度 +20 收起 理由
dklzhq + 5
phoben + 5
alexyui + 5
liubaoping + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部