Feature Request: DataTable hide expander when there are no children rows

[bmstambaugh]

I'm submitting a ...

[ ] bug report
[X] feature request
[ ] support request

Expected behavior
I would like to ability to hide the expander of a row that has no children

[mertsincan]

Hi,

Added body property support to Column with expander. Exp;

<Column expander style={{ width: '3em' }} body={(rowData, columnProps) => {
        return rowData.name.indexOf('a') > -1 ? columnProps.expander.element : null;
 }} />
<Column field="name" header="Name" sortable />

// other columns

With this feature, you can provide custom expander items using columnProps.expander

columnProps.expander -> {onClick: function, className: string, iconClassName: string, element: Element};

Best Regards,

[pieandcakes]

@mertsincan I tried your sample above and every time I use `columnProps.expander.element' typeScript complains:

Can you tell me what I'm doing wrong?

[Kaizer69]

The problem is with colums.td.d that has wrong type definition for ColumnProps.expander: boolean.

Workaround:

const expander = columnProps.expander as unknown as any;
return showExpander ? expander.element : null;

[melloware]

@Kaizer69 why not submit a PR with your fix?

[Kaizer69]

I'm not sure about fix it in the correct way of primereact developers (choice the correct type), so it can be a useless PR :)

[mertsincan]

Hi,
Fixed in #2328

Best Regards,