请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

茶凃

注册会员

10

主题

27

帖子

103

积分

注册会员

积分
103
茶凃
注册会员   /  发表于:2025-1-9 16:35  /   查看:108  /  回复:4
1金币
本帖最后由 茶凃 于 2025-1-9 17:56 编辑


图中是一个EL-表格,需要是否这一列的值”是“的字体颜色是绿色,”否“的字体颜色是红色,该如何实现呢



附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

您好,这个需要对 EL 表格样式做自定义了。或者考虑下内置表格,用条件格式就能实现我们的需求。 其实 EL 插件提供了一些组件的自定义口子,详情我们可以在 EL 插件的仓库代码里可以看到: HZG-ElementPlusPluginSourceCode: 活字格UI组件-ElementPlus插件源代码 - Gitee.com 然后我们这个需求可以借助这个扩展口子去实现,这边尝试做了一下,方案需要我们对 vue 语法有一定的熟悉,当然我这边也不是很懂。 大概思路如下: ...

4 个回复

倒序浏览
最佳答案
最佳答案
Simon.Sun活字格认证 Wyn认证
超级版主   /  发表于:2025-1-9 16:35:09
来自 5#
您好,这个需要对 EL 表格样式做自定义了。或者考虑下内置表格,用条件格式就能实现我们的需求
其实 EL 插件提供了一些组件的自定义口子,详情我们可以在 EL 插件的仓库代码里可以看到:
HZG-ElementPlusPluginSourceCode: 活字格UI组件-ElementPlus插件源代码 - Gitee.com

然后我们这个需求可以借助这个扩展口子去实现,这边尝试做了一下,方案需要我们对 vue 语法有一定的熟悉,当然我这边也不是很懂。

大概思路如下:
1、给我们需要定义样式的表格设置自定义的类名,这个类名在 JS 代码里需要使用:

2、添加 JS 代码定制样式,这里代码的逻辑就是列名和值,如果是对应文本列,进一步判断值如果为是,样式设置位红色,否则设置为绿色。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
jiangcj369
高级会员   /  发表于:2025-1-9 17:30:37
2#
对不起,不支持这项操作。您要有需求可以到需求模块提。哈哈,官方式回复
回复 使用道具 举报
茶凃
注册会员   /  发表于:2025-1-9 17:56:49
3#
jiangcj369 发表于 2025-1-9 17:30
对不起,不支持这项操作。您要有需求可以到需求模块提。哈哈,官方式回复

有用CSS代码实现的可能吗
回复 使用道具 举报
茶凃
注册会员   /  发表于:2025-1-9 18:24:52
4#
本帖最后由 茶凃 于 2025-1-9 18:39 编辑

尝试用JavaScript命令
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部