How to implement data binding by index.
<Grid
style={{ height: "100%" }}
groupable={true}
data={Data}
onGroupChange={onGroupChange}
group={group}
onExpandChange={onExpandChange}
expandField="expanded"
>
<Column field="parameters.name" title="Param" width="100px" />
<Column field="parameters.measure" title="Measure" filter="numeric" width="80px" />
<Column field="parameters.values[0].value" title="1" />
<Column field="parameters.values[1].value" title="2" />
<Column field="parameters.values[2].value" title="3" />
</Grid>
Data:
{
"objectId": 33,
"objectTypeId": 2,
"name": "Object",
"equipTypeId": 1,
"parameters": [
{
"paremeterId": 1001,
"name": "param",
"measure": "град.",
"values": [
{
"hour": 0,
"value": 70.695189224045,
"color": null,
"toolTip": null,
"sourceId": 1
}, {
"hour": 1,
"value": 70.8555387336323,
"color": null,
"toolTip": null,
"sourceId": 1
}, {
"hour": 2,
"value": 70.41603535019829,
"color": null,
"toolTip": null,
"sourceId": 1
}]
]
}
]
1 Answer, 1 is accepted
0
Hello,
That can be done using a custom cell:
https://www.telerik.com/kendo-react-ui-develop/components/grid/cells/#toc-customization
In the cell, you will have the full row information and can show and necessary data from it.
Regards,
Stefan
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.