Getting Started - Plain Javascript

You don't have to use any framework to use ag-Grid if you don't want to. Just load the ag-Grid .js and .css files as normal and then from your Javascript code, call the ag-Grid global function agGridGlobalFunc(). This page shows how to set up ag-Grid using just Javascript and native DOM manipulation.

To use ag-Grid using pure Javascript call the global agGridGlobalFunc() function to initialise an instance of the grid.

agGridGlobalFunc(cssSelectorForDiv, gridOptions);

Where:
cssSelectorForDiv: The CSS selector for the div to contain the grid.
gridOptions: The grid options to pass to the grid.

Simple Plain Javascript Example

Below is a simple example using standard Javascript.

Complex Plain Javascript Example

The below example has much more details. The mechanism for setting up the grid is the same as above. Don't worry about the finer details for now, how all the different options are configured is explained in the relevant parts of the documentation.

Next Steps...

Now you can go to interfacing to learn about accessing all the features of the grid.