SpreadJS Documentation
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.

 

 


Copyright © GrapeCity, inc. All rights reserved.

Send comments on this topic.