rowFactory and rowExpansion not compatible?

[grahampcharles]

I implemented draggable rows per the example (https://icflorescu.github.io/mantine-datatable/examples/row-dragging/) and now rowExpansion doesn't seem to work. Are they incompatible?

[grahampcharles]

Okay, I think I got it -- rowFactory() receives an optional expandedElement, which you can put into a row. It's a little janky -- you have to span it yourself, for example, and it doesn't drag with its parent -- but maybe I'm not getting something. In any case, I think I'll look for another solution for now.

rowFactory={({ record, index, rowProps, children, expandedElement }) => (
                        <Draggable key={record.id} draggableId={record.id.toString()} index={index}>
                            {(provided, snapshot) => (
                                <><DataTableDraggableRow isDragging={snapshot.isDragging} {...rowProps} {...provided.draggableProps}>
                                    {/** custom drag handle */}
                                    <TableTd {...provided.dragHandleProps} ref={provided.innerRef}>
                                        <IconGripVertical color="gray" size={14} />
                                    </TableTd>
                                    {children}
                                </DataTableDraggableRow>

                                    {expandedElement &&
                                        <TableTr><TableTd colSpan={5}>
                                            {expandedElement}
                                        </TableTd>
                                        </TableTr>
                                    } 
                                </>
                            )}
                        </Draggable>
                    )}