Demo 3 : Actions

Demo3 (Actions)

This demo shows how to use the grid as a simple way of implementing "actions" on the data elements in the grid. You can add any number of actions to a grid, which will be added in an action column with buttons or test only URLs. The easiest way to understand this is to have a look at the demo.

Show grid | Show code


We use the same code we used in Demo2, but we add ADD EDIT DELETE actions to the grid.

When viewing the grid, you can:

  • Click on any column to sort the grid by that column
  • Click again to toggle ASC / DES sort order
  • There are 10 rows displayed per page, use the pager to move through pages
  • Click on one of the actions