Expand only specific rows based on a condition

[harikrishnanmurthy]

Hi Allen,

Currently, the expand row functionality seems to be all or one. I was wondering if there is a way we can expand only certain rows based on the values returned from the server for those rows? For instance,

    const expandRow = {
        showExpandColumn: true,
        expandByColumnOnly: false,
        renderer: row => (
            <div className="row-attachments">
                <input type="checkbox" name={row.attachments} />
            </div>
        ),
    };

I would like to set either the "showExpandColumn" attribute to "false" if row.attachments.length==0 or be able to check if(row.attachments.length==0) within the renderer:row

How do I do this? Any advise would be of great help. Thanks a lot in advance for your time

[AllenFang]

@harikrishnanmurthy you an use nonExpandable:

expandRow.nonExpandable, example

[harikrishnanmurthy]

@AllenFang : I tried using nonExpandable but it doesn't seem to honor the attribute. Am still able to expand all rows.

    const expandRow = {
        showExpandColumn: true,
        renderer: row => (
            <div className="row-attachments" id={"attachments" + row.id}>
                <input type="checkbox" name={row.attachments} />
                <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{row.attachments}</span>
            </div>
        ),
        onExpand: (row, isExpand, rowIndex, e) => {},
        expandByColumnOnly: true,
        nonExpandable: [1, 3 ,5]
    };

I tried every other attribute that I can possibly add for the expandRow just for the sake of testing and they all work except for the nonExpandable. Is there an issue with the version of react bootstrap table that am using? Currently its
react-bootstrap-table-next : 3.1.2

Should I create a new issue? Please advise. I don't even want to think about using any other library since i feel react bootstrap table next is the best and easiest out there

[AllenFang]

@harikrishnanmurthy sorry for lately reply, would you please give me an online demo on codesandbox to reproduce your issue?

this is an online example, just remember to change the version to the newest, thanks~