v18 如何全局设置单元格 hover 的背景色

登录

本帖最后由 eyAndrew 于 2025-6-30 14:58 编辑

这种可以用 css 来全局设置么比如 .gc-tab-active 这种类，有么？

报表这里是怎么实现的？要在拖拽时判断和 sheet 区域的位置来计算，获得单元格行列信息，然后 new cellstyle()，手动设置么？

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2025-7-1 17:38 编辑

您好，
需要调研下是否有对应的样式修改方案，有结果会贴中同步您。(SJS-30377)

eyAndrew · eyAndrew

有消息了么？

Lynn.Dou · Lynn.Dou

方案还在确认中，还请您耐心等待，有进展会第一时间回复您。

Lynn.Dou · Lynn.Dou

更新进展：
deisgner 没有提供修改此样式的公共接口，您可以通过修改下方css来自定义，示例：

.data-binding-decoration {
border: 1px dashed green !important;
box-shadow: none !important;
}

复制代码

eyAndrew · eyAndrew

Lynn.Dou 发表于 2025-7-3 16:20
更新进展：
deisgner 没有提供修改此样式的公共接口，您可以通过修改下方css来自定义，示例：

这个样式在哪个版本生效？目前测试 18.0.4，全局加这个样式没效果

Lynn.Dou · Lynn.Dou

我本地用V18.0.4验证是有效的，如下图：

您可以参考下附件demo

eyAndrew · eyAndrew

拖拽报表的数据源是可以的，我们想拖拽自己的扩展配置，非 spreadjs 自身的功能，拖拽外层的 div，能实现相同效果么？

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2025-7-3 17:28 编辑

理论上是可以的，报表插件提供了设置字段的API （setTemplateCell），需要您处理的是从外部拖拽div 以及绑定字段的代码实现。
下方是外部拖拽字段至单元格实现数据绑定的示例，思路是类似的，您可以先参考看看：
https://jscodemine.grapecity.com ... Fsrc%2Fapp.js%22%7D
是否能实现相同效果，您可以在实现外部拖拽后再观察下UI效果，如果出现问题再继续反馈交流。

		自动登录	找回密码
密码			立即注册

[处理中] v18 如何全局设置单元格 hover 的背景色

8 个回复

本帖子中包含更多资源

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

[处理中] v18 如何全局设置 单元格 hover 的背景色

8 个回复

本帖子中包含更多资源

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

[处理中] v18 如何全局设置单元格 hover 的背景色