This example shows how you can define columns for your datagrid. This is a minimal implementation of a grid on a page
The most important thing is defining the columns. Columns have at least 3 parameters set:
- ID
- Label
- Value expression
Note that the value expression can return any type. You can later define a format expression for displaying that value using .withFormat()
In this example, the Age and Birthday columns are actually derived from the same data property of the data model: dateOfBirth
| Name | Age | Birthday |
|---|---|---|
| Gilbert Harris | 34 years | 8/6 |
| Mila Brown | 35 years | 5/10 |
| Walter Watkins | 44 years | 11/8 |
| Christina Lee | 40 years | 7/6 |
| Sophia N. Jenkins | 41 years | 23/2 |
| Luisa Flores | 35 years | 10/9 |
| Neil Crawford | 32 years | 3/6 |
| Douglas W. Bailey | 40 years | 27/7 |
| Bruce Ellis | 29 years | 28/9 |
| Kimberly Foster | 37 years | 5/9 |
| Rose Francis | 37 years | 6/6 |
| Amanda M. Ward | 43 years | 15/8 |
| Brandi Morgan | 33 years | 20/1 |
| Troy Peterson | 29 years | 24/2 |
| Harvey V. Mcdonald | 32 years | 26/4 |
| Lucille Bryant | 41 years | 10/5 |
| Beatrice Bryant | 26 years | 26/8 |
| Gabriela Fletcher | 26 years | 17/9 |
| Alexia Stanley | 29 years | 15/6 |
| Bruce Patterson | 33 years | 9/9 |