SpreadJS Documentation > Developer's Guide > Customizing the Appearance > Setting Styles and Themes > Using the Excel Theme |
You can use an Excel theme or style in SpreadJS. This requires that a style link is added to the head section of the aspx page. For example:
<link rel="stylesheet" href="css/gcspread.sheets.excel2013white.8.40.20151.0.css" />
The Excel 2013 theme also applies to the tab strip and scroll bars.
The following themes are available:
Name | CSS File |
Excel 2007 | gcspread.sheets.9.40.20153.0.css |
Excel 2013 White | gcspread.sheets.excel2013white.9.40.20153.0.css |
Excel 2013 Light Gray | gcspread.sheets.excel2013lightGray.9.40.20153.0.css |
Excel 2013 Dark Gray | gcspread.sheets.excel2013darkGray.9.40.20153.0.css |
Excel 2016 Colorful | gcspread.sheets.excel2016colorful.9.40.20153.0.css |
Excel 2016 Dark Gray | gcspread.sheets.excel2016darkGray.9.40.20153.0.css |
You can also combine the Excel theme with other themes such as the bootstrap theme. For example:
<link rel="stylesheet" href="css/gcspread.sheets.excel2013white.9.40.20153.0.css" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" title="aa" />
<link rel="stylesheet" href="css/bootstrap/bootstrap-theme.min.css" title="aa" />
Use the refresh method if you change a theme.