SpreadJS製品ヘルプ
setBorder メソッド
GC.Spread.Sheets 名前空間 > CellRange タイプ : setBorder メソッド
罫線。

例: {all:true}、{left:true, right:true}。以下の設定が使用できます。

option.all boolean型 すべての方向の罫線を指定します。
option.left boolean型 左罫線を指定します。
option.top boolean型 上罫線を指定します。
option.right boolean型 右罫線を指定します。
option.bottom boolean型 下罫線を指定します。
option.outline boolean型 左、上、右、下の罫線を指定します。
option.inside boolean型 内側の縦および横罫線を指定します。
option.innerHorizontal boolean型 横罫線を指定します。
option.innerVertical boolean型 縦罫線を指定します。
すべての方向の罫線。
左罫線。
上罫線。
右罫線。
下罫線。
外枠罫線。
内側罫線。
水平方向の内側罫線。
垂直方向の内側罫線。
斜め上罫線。
斜め下罫線。
指定した領域の罫線を設定します。
シンタックス
var instance = new GC.Spread.Sheets.CellRange(sheet, row, col, rowCount, colCount, sheetArea);
var value; // Type: any
value = instance.setBorder(border,
                           option,
                           options.all,
                           options.left,
                           options.top,
                           options.right,
                           options.bottom,
                           options.outline,
                           options.inside,
                           options.innerHorizontal,
                           options.innerVertical,
                           options.diagonalUp,
                           options.diagonalDown);
function setBorder( 
   border : LineBorder,
   option : Object,
   (optional) options.all : boolean,
   (optional) options.left : boolean,
   (optional) options.top : boolean,
   (optional) options.right : boolean,
   (optional) options.bottom : boolean,
   (optional) options.outline : boolean,
   (optional) options.inside : boolean,
   (optional) options.innerHorizontal : boolean,
   (optional) options.innerVertical : boolean,
   (optional) options.diagonalUp : boolean,
   (optional) options.diagonalDown : boolean
) : any;

パラメータ

border
罫線。
option

例: {all:true}、{left:true, right:true}。以下の設定が使用できます。

option.all boolean型 すべての方向の罫線を指定します。
option.left boolean型 左罫線を指定します。
option.top boolean型 上罫線を指定します。
option.right boolean型 右罫線を指定します。
option.bottom boolean型 下罫線を指定します。
option.outline boolean型 左、上、右、下の罫線を指定します。
option.inside boolean型 内側の縦および横罫線を指定します。
option.innerHorizontal boolean型 横罫線を指定します。
option.innerVertical boolean型 縦罫線を指定します。
options.all
すべての方向の罫線。
options.left
左罫線。
options.top
上罫線。
options.right
右罫線。
options.bottom
下罫線。
options.outline
外枠罫線。
options.inside
内側罫線。
options.innerHorizontal
水平方向の内側罫線。
options.innerVertical
垂直方向の内側罫線。
options.diagonalUp
斜め上罫線。
options.diagonalDown
斜め下罫線。
使用例
次のサンプルコードは、罫線を作成します。
sheet.getCell(1, 1).borderTop(new GC.Spread.Sheets.LineBorder("#F0F8FF",GC.Spread.Sheets.LineStyle.double));
sheet.getCell(1, 1).borderLeft(new GC.Spread.Sheets.LineBorder("#F0F8FF",GC.Spread.Sheets.LineStyle.hair));
sheet.getCell(1, 1).borderRight(new GC.Spread.Sheets.LineBorder("#FAEBD7",GC.Spread.Sheets.LineStyle.dashDot));
sheet.getCell(1, 1).borderBottom(new GC.Spread.Sheets.LineBorder("#00FFFF",GC.Spread.Sheets.LineStyle.medium));
sheet.getRange(-1, 5, -1, 1, GC.Spread.Sheets.SheetArea.viewport).borderTop(new GC.Spread.Sheets.LineBorder("#F0FFFF",GC.Spread.Sheets.LineStyle.medium));
sheet.getRange(-1, 5, -1, 1, GC.Spread.Sheets.SheetArea.viewport).borderLeft(new GC.Spread.Sheets.LineBorder("#F5F5DC",GC.Spread.Sheets.LineStyle.medium));
sheet.getRange(-1, 5, -1, 1, GC.Spread.Sheets.SheetArea.viewport).borderRight(new GC.Spread.Sheets.LineBorder("#FF02FF", GC.Spread.Sheets.LineStyle.dashDot));
sheet.getRange(-1, 5, -1, 1, GC.Spread.Sheets.SheetArea.viewport).borderBottom (new GC.Spread.Sheets.LineBorder("#FFE4C4",GC.Spread.Sheets.LineStyle.thin));
sheet.getRange(2, 2, 2, 2, GC.Spread.Sheets.SheetArea.viewport).setBorder(new GC.Spread.Sheets.LineBorder("#8A2BE2",GC.Spread.Sheets.LineStyle.thick), { all:true });
sheet.getRange(5, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).borderTop( new GC.Spread.Sheets.LineBorder("#A52A2A",GC.Spread.Sheets.LineStyle.mediumDashed));
sheet.getRange(5, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).borderLeft( new GC.Spread.Sheets.LineBorder("#FF02FF",GC.Spread.Sheets.LineStyle.medium));
sheet.getRange(5, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).borderRight(new GC.Spread.Sheets.LineBorder("#5F9EA0", GC.Spread.Sheets.LineStyle.dashDot));
sheet.getRange(5, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).borderBottom (new GC.Spread.Sheets.LineBorder("#6495ED",GC.Spread.Sheets.LineStyle.dotted));
関連トピック

参照

CellRange タイプ