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

QQ登录

只需一步,快速开始

miSpreadjs

初级会员

25

主题

57

帖子

220

积分

初级会员

积分
220
miSpreadjs
初级会员   /  发表于:2025-4-24 11:24  /   查看:67  /  回复:3
500金币
本帖最后由 Wilson.Zhang 于 2025-4-29 15:15 编辑

使用表格编辑模式,怎么修改默认样式 image.png899694824.png

最佳答案

查看完整内容

可以通过重写单元格类型上的 activateEditor 方法来实现,具体可参考下方教程介绍: https://demo.grapecity.com.cn/sp ... dify-editing-border 还有一种方式,根据gcuielement="gcEditingInput"[/backcolor]利用css新特性 has 找到祖父级元素,修改样式,测试来看有效果。 不过查询资料来看has本身具有局限性,具体还是根据自己需要选择。

3 个回复

倒序浏览
最佳答案
最佳答案
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2025-4-24 11:24:18
来自 4#
本帖最后由 Lynn.Dou 于 2025-4-24 16:26 编辑

可以通过重写单元格类型上的 activateEditor 方法来实现,具体可参考下方教程介绍:
https://demo.grapecity.com.cn/sp ... dify-editing-border

还有一种方式,根据gcuielement="gcEditingInput"利用css新特性 has 找到祖父级元素,修改样式,测试来看有效果。
不过查询资料来看has本身具有局限性,具体还是根据自己需要选择。
  1. div:has(> div > div[gcuielement="gcEditingInput"]) {
  2.             border: 2px solid red !important;
  3.         }
复制代码


回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2025-4-24 14:38:25
2#
您好,
表格编辑模式指的是什么呢,请详细描述下您想修改什么默认样式,以及期待的修改效果。
回复 使用道具 举报
miSpreadjs
初级会员   /  发表于:2025-4-24 14:39:58
3#
本帖最后由 miSpreadjs 于 2025-4-24 14:43 编辑
Lynn.Dou 发表于 2025-4-24 14:38
您好,
表格编辑模式指的是什么呢,请详细描述下您想修改什么默认样式,以及期待的修改效果。

就是双击单元格之后,单元格变成可编辑,然后会自动生成DOM元素,边框,背景颜色那些
image.png673041381.png

image.png33626097.png

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