Initialization

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">

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

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