Ability to add ClassName to Row Wrapper

[jakeseaton]

I am trying to use react-select to allow users to edit the content of cells. The select dropdowns get cut off, because the rowWrapper and all of its descendants have overflow: hidden on them.

The api doesn't seem to expose any ability to conditionally add a class to the row wrapper, so I am having to use jquery when cells are clicked, and then override the overflow-y.

<Cell
    onClick={e => $(e.target).closest(".fixedDataTableRowLayout_rowWrapper").addClass("clickedRow")}
/>

It would be great if I could do something like

<Table
    rowClassName={rowIndex => rowIndex === clickedRowIndex && "clickedRow" }
/>

[wcjordan]

Your best bet may be to follow Kam's advice here #48

We also have open issues #60 and #33 which could benefit from some details on your use case for future library improvements. If you can get a work around going, could you close this and add some use case details to those tickets.

[jphamilton]

@jakeseaton Can you elaborate on what you did with jquery? I can't even get my hacks to work, so any insights would be helpful.

[wcjordan]

This is now supported w/ the rowClassNameGetter prop on the Table component