Is there a way to programmatically order columns, including display cols?

[bucko13]

The very specific thing I'm trying to do is simply put the expanding row icon at the end of the row rather than the beginning. I noticed that the table root sets the columnDefs by putting the displayColumns first and then the columns passed in through props.

I see that there's a columnOrder state that could probably be overwritten however I don't see any mechanism by which to hook into the current column order, find the id I care about (mrt-expand) and move it to the end of the array where I want it.

I haven't used react-table outside of this context, so I'm not super familiar with it, but it feels like being able to have access to something like the getState might be a useful general tool. I imagine that way I could get the current column order, update it, and pass it in to the table via the state prop.

Not sure if this is a feature request or just an ask for help, but open to suggestions!

[KevinVandy]

You should be able to pass the column order in the initialState, and it will be respected. I think it's called mrt-row-expand as of version 0.24.0. There will be official docs for customizing display columns soon.

Edit: There is a new positionExpandColumn prop where you can specify last to make it the last column.

[KevinVandy]

Yeah you're kinda right if you want to have a more generic solution. I might need to add a position expansion prop, just like position actions. I had not anticipated anyone wanting to have the expansion column on the right.

[bucko13]

Awesome. Well feel free to ping me if you want any feedback or have questions about the use case. The workaround of manual ordering should work for now though. Will try it out today. Greater flexibility would definitely be nice though.

[KevinVandy]

feel free to join the discord server linked in the README or docs site for easier further discussion too

[KevinVandy]

new positionExpandColumn prop was added in v0.26.4.

Included in official docs too https://www.material-react-table.com/docs/guides/detail-panel#position-expand-column-last

[bucko13]

Fantastic! Thanks for the quick turnaround. I ended up just adding a whole custom expander cell and manually adding that onto the end of the columns because I also needed some special stylings. But may end up falling back onto this now it's available.