找回密码
 立即注册

QQ登录

只需一步,快速开始

Barry
中级会员   /  发表于:2022-6-28 09:56  /   查看:1187  /  回复:3
50金币
对于一个自动扩展行,并且使用了数据绑定的Table,如何仅调整table某一列的样式,比如说填充色,使得每次更新数据源的时候,表格自动扩展完之后,那一列的背景色依然是我之前设置的颜色

最佳答案

查看完整内容

您好, 请问您具体是想给table哪一列设置样式呢? SJS table支持自定义样式,但是与Excel一样,目前仅支持对第一列、最后一列(单独列)设置样式。 您可以通过组件版设计器UI操作了解这一功能。 下方为示例代码,您可以参考下: 在对table应用此自定义样式后,进行数据绑定后新增的table行也会继承这一样式。

3 个回复

倒序浏览
最佳答案
最佳答案
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-6-28 09:56:19
来自 4#
本帖最后由 Lynn.Dou 于 2022-6-28 16:06 编辑

您好,
请问您具体是想给table哪一列设置样式呢?
SJS table支持自定义样式,但是与Excel一样,目前仅支持对第一列、最后一列(单独列)设置样式。
您可以通过组件版设计器UI操作了解这一功能。 image.png718722533.png
下方为示例代码,您可以参考下:
  1. var border = new GC.Spread.Sheets.LineBorder();
  2.             var styleInfo = new GC.Spread.Sheets.Tables.TableStyle('pink', 'black', '10px arial', border, border, border, border, border, border);
  3.             var tableStyle = new GC.Spread.Sheets.Tables.TableTheme();
  4.             tableStyle.name('tableStyle5');
  5.             tableStyle.highlightFirstColumnStyle(styleInfo)
  6.             table.style(tableStyle);
  7.             table.highlightFirstColumn(true);
  8.             sheet.repaint()
复制代码

在对table应用此自定义样式后,进行数据绑定后新增的table行也会继承这一样式。
image.png659506225.png
回复 使用道具 举报
ann悬赏达人认证
初级会员   /  发表于:2022-6-28 14:12:29
2#
您好:先自定义样式,然后设置到对应区域。比如给视图区域第三行设置背景色为绿色,可以如下实现。
            var style = new GC.Spread.Sheets.Style();
            style.backColor = 'green';
            sheet.setStyle(2, -1, style, GC.Spread.Sheets.SheetArea.viewport);
image.png973020324.png
回复 使用道具 举报
ann悬赏达人认证
初级会员   /  发表于:2022-6-28 14:32:34
3#
如果您的表格有设置主题样式,由于表单样式的优先级低于表格样式,上述方法并不会在表格行内生效,可以通遍历某行单元格,设置单元格的背景色来实现对表格中某行背景色的覆盖更新。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部