Expanded state based on row data

It would be nice to be able to store expanded rows based on row data (ideally a row id if such exists). This would be really helpful if we want to store user preferences on expanded rows or dynamically expand a row based on a pivot value.

At the moment it seems that expanded state is stored based on row indices, but these are not unique to the rows and they change as the sorting changes in the table for example.

Would such an improvement be possible?

Using React 16.4.6 Using react-table 6.7.11

---

We could add a new prop, a function returning a string from the row value and if this is set we should change this code (line 466 in index.js) to use that accessor instead of the row index?

const rowInfo = {
        original: row[originalKey],
        row,
        index: row[indexKey],
        viewIndex: (rowIndex += 1),
        pageSize,
        page,
        level: path.length,
        **nestingPath: path.concat([i]),**
        aggregated: row[aggregatedKey],
        groupedByPivot: row[groupedByPivotKey],
        subRows: row[subRowsKey],
      }

[tannerlinsley]

v6 I’ll admit was very difficult to do this and honestly I wouldn’t even advise attempting it. v7 on the other hand, is built to handle this easily. You can read the documentation in the readme for the useExpanded hook , or look at the Expanding - Client Side Example

[tannerlinsley]

It’s on my list for sure. On Aug 3, 2019, 3:09 PM -0600, Gajus Kuizinas [e-mail], wrote:

Off-topic to this conversation, but it would be nice if v7 came with v6 theme. Lack built-in/ available ready-made styles is the primary reason for not migrating at the moment. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.