On this article, we will try to create a page with a basic grid using ui-grid and base our output on example listed on http://ui-grid.info/docs/#/tutorial/101_intro.
Go to https://github.com/angular-ui/ui-grid.info and download the latest release.
Proceed to “releases” tab.
As of this writing, the latest release is v3.0.7. Download the release either by clicking the zip or tar.gz icon.
Here, we chose to download the .zip version of the release.
Next, we replicate the working example listed on http://ui-grid.info/docs/#/tutorial/101_intro.
Create a separate directory for this.
Create three (3) files:
Copy the codes on that page and place them into their respective files.
Also, copy to and extract ui-grid.info-3.0.7 the First-Try directory
Modify index.html to point to the correct download ui-grid release
Now pointing to release 3.0.7. But look at line 11. That’s pointing to a CSS file!
Test out and fix errors.
When you open index.html, you will encounter an error.
To fix this, change index.html again. Notice the highlighted lines again?
It should be a <link> to the css file.
Test again. It should work fine.