Once you have a basic understanding of what Java Script and jQuery are and what they do, you're ready to try jqGrid!
1) Run the Download Builder on the jqGrid website to download a copy of jqGrid. jqGrid's download builder allows you to choose the components you would like to download and get a custom version of the plugin for your project.
2) Get the JQuery UI theme files
You're finished with the download builder! Click the download button and you'll get a customized zip file containing everything you selected.
Once you've downloaded jqGrid, you'll get a zip containing the following files:
- list of all language files (minified)
- list of all language files
As can be seen from the structure, files needed for using jqGrid are in main /css/ and /js/ directories. These files are minified and can be used in production environment. In this package is included the last minified version of jQuery library, so you do not need to download the jQuery library.
Files in /src/ directory are actually the pure source code and can be used from developers to easily find bugs and make improvements. In order to not use the minified version a file grid.loader.js should be used. See installation
Starting from version 3.5 jqGrid is fully compatible with jQuery UI Theming. In order to use the grid plugin you will need to download the desired theme. The theme can be downloaded from jQuery UI site http://jqueryui.com/themeroller/. Note that you can build your custom theme. More information and how to do this can be found on the same site http://jqueryui.com. If you plan to use only the grid component you do not need to have all the CSS files that come from the package. In this case you will need to use only basic theming files ui.theme.css and ui.core.css. These files are located in development-bundle/themes directory in the downloaded UI theme file.
Having all the needed files we can continue with the installation