Add MultiSelect to Column Defs And Convert Into Text After Save + Vice versa

[gursahibsahni]

It has been a difficult ride to figure out how to add a MultiSelect to a column definition. Not sure, if am on the right path. But that is what I have done till now. Add a child to the mantineTableBodyCellProps. But the problem is that when i click save - I want to convert this cell prop from a multi select to a text. Ofcourse, vice versa when I click the edit button
{ accessorKey: "service", header: "Service", mantineTableBodyCellProps: { children: ( <> <CustomPillsInputSelect name="orderTableServiceBadges" selectData={orderTableServiceTypeConstant} placeHolder="DC/SP" disabled={false} /> </> ), },