Initialization

Files to include

You need to include the following files in the head section of your document:

<script src="codebase/webix.js" type="text/javascript"></script>
<script src="codebase/spreadsheet.js" type="text/javascript"></script>
 
<link rel="stylesheet" type="text/css" href="codebase/webix.css">
<link rel="stylesheet" type="text/css" href="codebase/spreadsheet.css">

Initialization

To initialize SpreadSheet and load it with data, use the code as in:

//webix.ready() function ensures that the code will be executed when the page is loaded
webix.ready(function(){
    //object constructor
    webix.ui({
        view:"spreadsheet",
        //loaded data object
        data: base_data
    });
});

Related sample:  Basic init

Running Package Samples Locally

After downloading Spreadsheet there are 3 ways to run package samples locally. The simplest one is to navigate to the root directory and open the samples folder. Find the desired file and open it with a double-click. The sample will be opened in a new browser tab.

Running samples on a local server

You can run package samples on a local server (e.g Apache). Set the Spreadsheet folder as the root directory of the local server and launch the server. In general a local server runs at localhost.

Running samples on a development server

To be able to modify samples and see the corresponding changes you should run them on a development server. Go to the Spreadsheet root directory, install the necessary dependencies and start the server as:

// navigate to the root directory
cd spreadsheet
 
// install dependencies
yarn install //or npm install
 
// start dev server
yarn server //or npm run server
Back to top
If you have not checked yet, be sure to visit site of our main product Webix widget library and page of javascript spreadsheet library product.