How to Install dhtmlxSpreadSheet

You can choose between several variants of installing SpreadSheet package into your project. It is possible to make use of the npm package manager, include SpreadSheet JS/CSS files from CDN or download the component package and include source files on a page by setting paths to them.

The source files are represented in two versions: the full version and the minified one.

Install via npm

To install GPL version of dhtmlxSpreadSheet via npm, run the following command line:

npm install dhx-spreadsheet

for the PRO version execute the line below:

npm install @dhx/spreadsheet-pro

Later in the code you can use:

import { Spreadsheet } from "dhx-spreadsheet";
import "dhx-spreadsheet/codebase/spreadsheet.css";
 
const widget = new Spreadsheet(node, config);

Include sources from CDN

You can include JS/CSS files of the GPL version of dhtmlxSpreadSheet from CDN by setting direct links to spreadsheet.js and spreadsheet.css files:

// full version
<link rel="stylesheet" href="https://cdn.dhtmlx.com/spreadsheet/edge/spreadsheet.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/spreadsheet/edge/spreadsheet.js"></script>
 
// minified version
<link rel="stylesheet" href="https://cdn.dhtmlx.com/spreadsheet/edge/spreadsheet.min.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/spreadsheet/edge/spreadsheet.min.js"></script>

To get the particular version, use the number of the version instead of edge in the link:

// full version
<link rel="stylesheet" href="https://cdn.dhtmlx.com/spreadsheet/3.0/spreadsheet.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/spreadsheet/3.0/spreadsheet.js"></script>
 
// minified version
<link rel="stylesheet" href="https://cdn.dhtmlx.com/spreadsheet/3.0/spreadsheet.min.css" 
    type="text/css"> 
<script src="https://cdn.dhtmlx.com/spreadsheet/3.0/spreadsheet.min.js"></script>

Download the package

GPL version

Download the package of dhtmlxSpreadSheet GPL version.

PRO version

If you have the Commercial or Enterprise license, you need to go to the Client Area and download the PRO package from there.

Independent of the version, unpack the downloaded package into a folder of your project. Then include spreadsheet.js and spreadsheet.css files into a page. Make sure that you set correct relative paths to these files:

// full version
<script type="text/javascript" src="codebase/spreadsheet.js"></script>  
<link rel="stylesheet" href="codebase/spreadsheet.css">
 
// minified version
<script type="text/javascript" src="codebase/spreadsheet.min.js"></script>  
<link rel="stylesheet" href="codebase/spreadsheet.min.css">
Back to top