ExcelのテーマまたはスタイルをSpread.Sheetsに使用できます。この機能を使用するには、HtmlページのHEADセクションにスタイルリンクを追加する必要があります。
<link rel="stylesheet" href="css/gc.spread.sheets.excel2013white.13.0.0.css" />
Excel 2013のテーマが、タブストリップおよびスクロールバーにも適用されています。
使用可能なテーマは次のとおりです。
名前 | CSSファイル |
Excel 2007 | gc.spread.sheets.13.0.0.css |
Excel 2013「白」 | gc.spread.sheets.excel2013white.13.0.0.css |
Excel 2013「薄い灰色」 | gc.spread.sheets.excel2013lightGray.13.0.0.css |
Excel 2013「濃い灰色」 | gc.spread.sheets.excel2013darkGray.13.0.0.css |
Excel 2016「カラフル」 | gc.spread.sheets.excel2016colorful.13.0.0.css |
Excel 2016「濃い灰色」 | gc.spread.sheets.excel2016darkGray.13.0.0.css |
Excel 2016「黒」 | gc.spread.sheets.excel2016black.13.0.0.css |
Bootstrapのテーマなど、他のテーマをExcelのテーマと組み合わせて使用することもできます。次に、例を示します。
<link rel="stylesheet" href="css/gc.spread.sheets.excel2013white.xx.x.x.css" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" title="aa" />
<link rel="stylesheet" href="css/bootstrap/bootstrap-theme.min.css" title="aa" />
テーマを変更する場合は、refreshメソッドを使用します。