Trouble displaying nested objects in DataTable

Support
#1

In the React Frontend, I need to display a nested property but it’s not showing. I’ve tried the following approaches in the columnDefinitions:

The data is shaped:
{
“status”: “ACTIVE”,
“demand”: {
“availability”: “EXTERNAL”
}
}
columnDefinitions={[
“status”,
{
columnProps: {
title: “Availability”,
key: “demand.availability”,
dataIndex: “demand.availability”
}
},
“demand.availability”,
"demand[‘availability’]

Is there another option to try?

#2

Hi, you can use render function in column definition

 <DataTable
    ...
    columnDefinitions={[
      ...
      {
        columnProps: {
          title: "Qty Ordered",
          render: (text, record: any) => (record.order.totQtyOrdered == null ? 0 : record.order.totQtyOrdered.toLocaleString('en-US', {maximumFractionDigits: 0}))
        }
      },