Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. 首先,创建一个新页面,并在页面上输入以下代码:

    Code Block
    languagexml
    titleHTML
    <!DOCTYPE html> 
    	<html> 
    	<head> 
     		<title>Spread HTML test page</title>


  2. 在页面中添加对 Spread.JS 的引用。代码如下。需要注意的是,Spread 提供压缩过(minified)的 JavaScript 文件和和用于调试的文件。

    Code Block
    languagexml
    titleHTML
    <script src="[Your_Scripts_Path]/gc.spread.sheets.all.xxxx.min.js" type="text/javascript"></script>


  3. 添加 CSS 文件以改变Spread.JS 的外观。默认的CSS文件名为: gc.spread.sheets.xxxx.css,里面包含了所有的默认样式。该 CSS 文件将会影响滚动条,筛选框及其子元素,单元格和下方标签栏的样式。引入 CSS 的代码如下:

    Code Block
    languagexml
    titleHTML
    //<link href="[Your_CSS_Path]/gc.spread.sheets.xxxx.css" rel="stylesheet" type="text/css"/>
    //OR
    <link href="[Your_CSS_Path]/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="[Your_CSS_Path]/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
Wiki Markup
//<link href="\[Your_CSS_Path\]/gc.spread.sheets.xxxx.css" rel="stylesheet" type="text/css"/>//OR<link href="\[Your_CSS_Path\]/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css"/><link href="\[Your_CSS_Path\]/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>

4. 添加产品序列号,代码为: GC.Spread.Sheets.LicenseKey = "xxx";

...