v15 spreadjs 设计器如何设置单元格按钮的样式

Lynn.Dou

v15 设计器单元格按钮如何设置相关样式：
1. 按钮的高度为固定高度，不根据列的宽度自适应

2. 如何设置按钮的border 和 border-radius
3.如何设置按钮的padding和margin
4. 按钮的自定义图片，设置 imageType 为 GC.Spread.Sheets.ButtonImageType.custom；imgSrc设置为一个base64格式图片，显示不完整

Lynn.Dou · Lynn.Dou

目前单元格按钮还不支持上述两个需求功能，您可以考虑下自定义单元格，绘制想要的按钮样式，定义点击按钮逻辑。
学习指南有自定义单元格的相关示例，您可以参考下：
https://demo.grapecity.com.cn/sp ... types/custom/purejs

AlexZ · AlexZ

1. 按钮的高度为固定高度，不根据列的宽度自适应

2. 如何设置按钮的border 和 border-radius
3.如何设置按钮的padding和margin
4. 按钮的自定义图片，设置 imageType 为 GC.Spread.Sheets.ButtonImageType.custom；imgSrc设置为一个base64格式图片，显示不完整

你要自适应的高度还是宽度？

>> 2. 如何设置按钮的border 和 border-radiu
>> 3.如何设置按钮的padding和margin
没有接口设置，可以尝试看看修改 CSS

>> 按钮的自定义图片，设置 imageType 为 GC.Spread.Sheets.ButtonImageType.custom；imgSrc设置为一个base64格式图片，显示不完整
需要自己控制使用的图片，目前没有自适应

snowflakes7 · snowflakes7

本帖最后由 snowflakes7 于 2023-9-5 10:06 编辑

AlexZ 发表于 2023-9-5 09:07
你要自适应的高度还是宽度？

>> 2. 如何设置按钮的border 和 border-radiu

1. 要设置按钮的高度为一个固定高度，不会跟着当前行的行高变化
2. 如果通过css修改按钮的borde-radius和border，怎么在canvas上找到按钮对应的样式

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

[已处理] v15 spreadjs 设计器如何设置单元格按钮的样式

最佳答案

3 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

活字格认证

微信认证勋章

元老葡萄