V15.1.2 遍历单元格设置全部边框

Lynn.Dou

本帖最后由 Ellia.Duan 于 2022-10-25 12:10 编辑

专家，您好！

有这样一个场景：对于一些单据表格，为了界面好看，有时候会把单元格边框线设置为“灰色”的实线，但是打印的时候这些线条也是灰色，感觉不是很清晰，所以希望打印的时候，这些线条变成“全黑”的效果。现在是想问问有什么简单的办法可以把任意一张表格中所有的线条统一变成“全黑”？

Lynn.Dou · Lynn.Dou

没有这样的方法可以直接判断当前sheet的所有border并修改颜色，可以通过遍历单元格设置：

var rc = sheet.getRowCount();
var cc= sheet.getColumnCount();
sheet.suspendPaint();
for(var r=0; r<rc; r++) {
for(var c=0; c<cc; c++) {
var border = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
var borderTop = sheet.getCell(r,c).borderTop();
var borderBottom = sheet.getCell(r,c).borderBottom();
var borderLeft = sheet.getCell(r,c).borderLeft();
var borderRight = sheet.getCell(r,c).borderLeft();
if(borderTop || borderBottom || borderLeft || borderRight) {
sheet.getCell(r,c).borderTop(border).borderBottom(border).borderLeft(border).borderRight(border);
}
}
}
sheet.resumePaint();

复制代码

Lynn.Dou · Lynn.Dou

您好，
可以修改下sheet的defaultStyle,将边框线修改为黑色，示例代码如下：

var defaultStyle = sheet.getDefaultStyle()
defaultStyle.borderLeft =new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
defaultStyle.borderTop = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
defaultStyle.borderRight = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
defaultStyle.borderBottom = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
sheet.setDefaultStyle(defaultStyle)

复制代码

spreadjs初学者 · spreadjs初学者

专家，您好！
我先打开一个表格，然后执行您的代码，发现表格格式没有任何变化，比如线条还是原来的样子。不知道问题在哪里？如果方便的话，能给做个例子吗？谢谢专家

Lynn.Dou · Lynn.Dou

“我先打开一个表格”这里具体指的是什么操作呢？
如果是导入一个excel/ssjson文件，您可以在导入之后重新获取sheet，然后执行上述代码。
如果是初始化SJS时想显示黑色边框，可以参考附件demo。

spreadjs初学者 · spreadjs初学者

可能是我没有把问题说清楚，如下图所示：
image.png678811950.png

我加载了一个表格，这个表格已经画了网格线（灰色的），打印的时候，为了打印出来的时候，这些线条会更加清晰，我希望用一个方法把这些 “灰色”的线条先变成完全的“黑色”，然后再打印，我是想问是否有一个方法可以把任意一张表格中所有的线条统一变成“全黑”？

Lynn.Dou · Lynn.Dou

从图片来看您是设置了不显示网格线，给单元格区域设置了边框。
参考以下代码修改区域边框颜色：

var border = new GC.Spread.Sheets.LineBorder("black",GC.Spread.Sheets.LineStyle.thin);
sheet.getRange(2,2,10,5, GC.Spread.Sheets.SheetArea.viewport).setBorder(border, { all:true });

复制代码

API链接：https://demo.grapecity.com.cn/sp ... ange.html#setBorder
image.png412066649.png