This sample demonstrates the way of displaying the content of Tree Grid columns based on the specified format. In this sample, format of columns can be changed dynamically through property panel.
Order ID | Order Name | Order Date | Price |
|---|---|---|---|
| 1 | Order 1 | 03/02/2017 | $133.66 |
| 1.1 | Mackerel | 03/02/2017 | $28.20 |
| 1.2 | Yellowfin Tuna | 03/05/2017 | $25.92 |
| 1.3 | Herrings | 03/10/2017 | $52.68 |
| 1.4 | Preserved Olives | 03/08/2017 | $11.25 |
| 1.5 | Sweet corn Frozen | 03/09/2017 | $15.61 |
| 2 | Order 2 | 03/05/2017 | $212.33 |
| 2.1 | Tilapias | 05/03/2017 | $41.70 |
| 2.2 | White Shrimp | 05/07/2017 | $39.20 |
| 2.3 | Fresh Cheese | 03/09/2017 | $38.76 |
| 2.4 | Blue Veined Cheese | 03/11/2017 | $55.50 |
| 2.5 | Butter | 23/10/2017 | $37.17 |
|
Column
|
|
|
Format
|
|
Format is the process of customizing the particular column data/values based on specific culture. The Tree Grid uses Internalization library to format number and date values. The format can be specified by using format property of columns. In this demo, select the column and format from the property panel to format the corresponding column values. More information on the column formatting can be found in this documentation section.