DataGrid
Features
Some of the features of a DataGrid are:
- Listing records in rows with headings.
- Custom render heading and data cells.
- Sortable headings with custom sort options.
- Selection of rows with custom selection controls.
- Custom classes for cells, rows, and headings.
- Filtering by various data path values.
- Searching amongst various data path values.
- Actions on a row or Bulk Actions on multiple selected rows.
- Pagination
Simple DataGrid
Selected Row IDs (none):
ID | Name | Head: Actions | |
|---|---|---|---|
| 42 | Hiroshi | relationship | |
| 15 | Samuel | single | |
| 25 | Victoria | single | |
| 21 | Noam | single | |
| 35 | Amiyt | relationship | |
| 26 | Liping | single | |
| 30 | Xiaoli | relationship | |
| 6 | Maria-Isabel | complicated | |
| 38 | Nathan | complicated | |
| 19 | Somsak | complicated | |
| 27 | Lin | relationship | |
| 45 | Heike | relationship | |
| 36 | Jakub | complicated | |
| 10 | Tamar | single | |
| 17 | Lilian | relationship | |
| 37 | Michal | relationship | |
| 5 | Rattana | complicated | |
| 31 | Kasia | complicated | |
| 40 | Christian | single | |
| 1 | Jin | relationship | |
| 24 | Thawi | single | |
| 32 | Juan | single | |
| 48 | Lei | relationship | |
| 11 | Joyce | single | |
| 13 | Kanchana | single | |
| 46 | Katsumi | complicated | |
| 41 | Dariusz | complicated | |
| 29 | Gareth | single | |
| 23 | Sombat | single | |
| 8 | Isah | single | |
| 9 | Hong | complicated | |
| 4 | Tal | complicated | |
| 2 | Walter | single | |
| 44 | Masami | complicated | |
| 14 | Irina | single | |
| 49 | Suphaphon | single | |
| 33 | Emiko | relationship | |
| 50 | Rakesh | single | |
| 34 | Lalita | relationship | |
| 22 | Sri | single | |
| 3 | Musa | complicated | |
| 28 | Kiyoko | relationship | |
| 47 | Hiroshi | complicated | |
| 20 | Sukanya | relationship | |
| 18 | Sharon | relationship | |
| 12 | Mary | complicated | |
| 16 | Kabiru | complicated | |
| 39 | Angela | relationship | |
| 43 | Christian | single | |
| 7 | Jabulani | relationship |