SpreadJS製品ヘルプ
SpreadJS > 開発者の手引き > 機能 > 外観のカスタマイズ > 色

セル、列、行、ヘッダ、およびウィジェットに対し、背景色と前景色を設定できます。

これには、セル、列、ヘッダ、または行のbackColorまたはforeColorメソッドを設定します。 ウィジェットには、backColorメソッドを設定するか、またはテーマを使用します。灰色領域には、options.grayAreaBackColorプロパティを使用します。

テーマの詳細については、「テーマの使用」を参照してください。 スタイルを使用してセルの色を設定することもできます。 詳細については、「スタイルの設定」を参照してください。

コードの使用

次のサンプルコードは、B2セルに対してforeColorおよびbackColorを設定します。

JavaScript
コードのコピー
// セルの背景色と前景色を設定します。
  var cell = activeSheet.getCell(1, 1, GC.Spread.Sheets.SheetArea.viewport);
  cell.backColor("Blue");
  cell.foreColor("Red");
  cell.value("Color");

コードの使用

次のサンプルコードは、ヘッダの前景色と背景色を設定します。

JavaScript
コードのコピー
// 列ヘッダ全体の前景色と背景色を設定します。
    var row = activeSheet.getRange(0, -1, 1, -1, GC.Spread.Sheets.SheetArea.colHeader);
    row.backColor("Red");
    row.foreColor("White");
    // 2番目の行ヘッダの背景色を設定します。
    activeSheet.getCell(1, 0, GC.Spread.Sheets.SheetArea.rowHeader).backColor("Yellow");
関連トピック