DHTMLX Docs & Samples Explorer

Step 1 - Include Script and css Files into the Page

First of all let's place files we need for grid: dhtmlxcommon.js - file includes common objects shared by all dhtmlx components like AJAX request processors, error handlers, various tools and parsers used by the components, dhtmlxgrid.js - the main grid engine and API, dhtmlxgridcell.js - grid cells engine and default cells.

And styles: dhtmlxgrid.css - the main grid styles file, it also contains various predefine skins related styles.

    <link rel="STYLESHEET" type="text/css" href="codebase/dhtmlxgrid.css">
    <script src="codebase/dhtmlxcommon.js"></script>
    <script src="codebase/dhtmlxgrid.js"></script>
    <script src="codebase/dhtmlxgridcell.js"></script>
    <script>
        //we'll write script commands here
    </script>

While you are working with dhtmlxGrid, you'll need to include more files from the library as soon as you require more functionality. I'll tell you about some popular extensions in next chapters of this step-by-step tutorial.