请问如何隐藏两个单元格中间的竖线

收藏

请问一下，在两个单元格不合并情况下不显示中间的竖线且不出现下图的缺口，要如何做？

image.png754373168.png

Derrick.Jiao · Derrick.Jiao

ct杰发表于 2021-7-2 11:40
文件发不上去，大概代码在下面：

参考这个demo

Derrick.Jiao · Derrick.Jiao

您好，请问如何复现您的问题，麻烦您提供一个能复现问题的demo，这边调研一下。

ct杰 · ct杰

我的做法是把中间的线条设为白色的，你们有其他方法隐藏线条吗？
var line_W = new GC.Spread.Sheets.LineBorder('white', GC.Spread.Sheets.LineStyle.thin);
sheet.getRange(0, 0, 1, 2).setBorder(line_W, {inside:true});

Derrick.Jiao · Derrick.Jiao

ct杰发表于 2021-6-28 17:25
我的做法是把中间的线条设为白色的，你们有其他方法隐藏线条吗？
var line_W = new GC.Spread.Sheets.Line ...

您可以参考下面的代码设置，若仍未解决您的问题，建议您提供能复现的demo以及详细描述您的需求

var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
sheet.getRange(1, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(new GC.Spread.Sheets.LineBorder("#8A2BE2", GC.Spread.Sheets.LineStyle.thick), { outline: true });
sheet.getRange(2, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(new GC.Spread.Sheets.LineBorder("#8A2BE2", GC.Spread.Sheets.LineStyle.thick), { outline: true });
sheet.getRange(3, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(new GC.Spread.Sheets.LineBorder("#8A2BE2", GC.Spread.Sheets.LineStyle.thick), { outline: true });
sheet.options.gridline.showHorizontalGridline = false;
sheet.options.gridline.showVerticalGridline = false;

复制代码

ct杰 · ct杰

。。。。。。

Derrick.Jiao · Derrick.Jiao

ct杰发表于 2021-7-2 11:16
。。。。。。

如果你对此还有疑问，请提供对应的demo这边给你调整

ct杰 · ct杰

文件发不上去，大概代码在下面：

<!doctype html>
<html style="height:100%;font-size:14px;" lang="en">
<head>
<link rel="stylesheet" type="text/css" >
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.13.1.1.min.js" type="text/javascript"></script>
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/resources/ja/gc.spread.sheets.resources.ja.13.1.1.min.js" type="text/javascript"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div id="ss" style="width:100%; height:360px;border: 1px solid gray;"></div>
<script type="text/javascript">
window.onload = function(){
GC.Spread.Common.CultureManager.culture("ja-jp");
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
setLineBorder(sheet, 20, 20);
//sheet.getRange(1, 1, 3, 2).setBorder(new GC.Spread.Sheets.LineBorder("#8A2BE2", GC.Spread.Sheets.LineStyle.thin), {all:true});
var lineGray_W = new GC.Spread.Sheets.LineBorder('white', GC.Spread.Sheets.LineStyle.thin);
sheet.getRange(1, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(lineGray_W, {inside:true});
sheet.getRange(2, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(lineGray_W, {inside:true});
sheet.getRange(3, 1, 1, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(lineGray_W, {inside:true});
//sheet.options.gridline.showHorizontalGridline = false;
//sheet.options.gridline.showVerticalGridline = false;
function setLineBorder(sheet, rowCnt, colCnt) {
var lineGray = new GC.Spread.Sheets.LineBorder('#000000', GC.Spread.Sheets.LineStyle.thin);
sheet.getRange(0, 0, rowCnt, colCnt).setBorder(lineGray, {all:true});
}
}
</script>
</body>
</html>

复制代码

ct杰 · ct杰

好的，很感谢！

Derrick.Jiao · Derrick.Jiao

ct杰发表于 2021-7-2 13:21
好的，很感谢！

有新问题欢迎开新帖交流~

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

[已处理] 请问如何隐藏两个单元格中间的竖线

9 个回复

评分

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证