(ListInferencer/Antd) Nested Resource Data
Hi!
I have data fetched from the API structured like so;
{
1: [ {...},{...} ],
2: [ {...} ],
3: [ {...}, {...}, {...} ]
}
where each key-value pair maps a userID to a list of their tasks for the day -- individually structured like {task: "Wash the dishes", startBy: "May 15, 2023", done: "false"}.
The inferencer doesn't like that (
I'd like to use either ant.designs nested tables (https://ant.design/components/table#components-table-demo-nested-table) (pictured) or just have several separate tables with a header and use .map(), but its not immediately obvious to me how to do that with Antd's table format (since it's going column-wise rather than row-wise).
Any insight would be appreciated!
I have data fetched from the API structured like so;
{
1: [ {...},{...} ],
2: [ {...} ],
3: [ {...}, {...}, {...} ]
}
where each key-value pair maps a userID to a list of their tasks for the day -- individually structured like {task: "Wash the dishes", startBy: "May 15, 2023", done: "false"}.
The inferencer doesn't like that (
TypeError: L.map is not a function) so I'm wondering how I should go about formatting this?I'd like to use either ant.designs nested tables (https://ant.design/components/table#components-table-demo-nested-table) (pictured) or just have several separate tables with a header and use .map(), but its not immediately obvious to me how to do that with Antd's table format (since it's going column-wise rather than row-wise).
Any insight would be appreciated!
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
