igSpreadsheet 特定のセルを特定の色で塗りつぶす方法

igSpreadsheetで特定のセルを特定の色で塗りつぶしたい場合は、Excelライブラリーを使用します。igSpreadsheetに紐づいているworkbookからworksheetオブジェクトを取り出し、該当セルのcellFormat()のfill()で塗りつぶし形状（Solid、LinearGradient、など）に応じて作成したFillと色を指定します。

例えば、B3セルとD3セルを赤色で塗りつぶす場合は、以下のようなコードになります。

var workbook = $("#spreadsheet").igSpreadsheet("option", "workbook");
var worksheet = workbook.worksheets(0);

// B3セルの背景色を赤色にする。
var cell = worksheet.getCell("B3");
cell.cellFormat().fill(new $.ig.excel.CellFill().createSolidFill(new $.ig.excel.WorkbookColorInfo("red")));

// D3セルの背景色を赤色にする。
cell = worksheet.getCell("D3");
cell.cellFormat().fill(new $.ig.excel.CellFill().createSolidFill(new $.ig.excel.WorkbookColorInfo("red")));

　

実行結果

　

サンプル

　

APIリファレンス

• cellFormat
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.WorksheetCell#methods:cellFormat
• fillメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.IWorksheetCellFormat.html#methods:fill
• createSolidFillメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.CellFill.html#methods:createSolidFill
• WorkbookColorInfo
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.WorkbookColorInfo.html#methods:ig.excel.WorkbookColorInfo