DataTable resizable columns glitch when using striped rows

[Master_T]

Hi

I have a data table where I have enabled stripedRows and resizableColumns, with columnResizeMode="expand".

The problem I'm having is that when I resize columns, the color stripe on alternate rows does not get resized, so I end up with stuff like this:



How do I fix this? Here's the source for my DataTable:

Code: Select all

<DataTable ref={(el)=> this.dt = el} value={this.state.dataTable.rows} filterDisplay="menu" showGridlines resizableColumns columnResizeMode="expand"
                                scrollHeight={this.state.tableHeight} responsiveLayout="scroll" scrollable autoLayout={true} size="small" stripedRows >
                        {this.getTableColumns()}
                    </DataTable>

[Master_T]

Ok, I found the problem: in my CSS I was applying the color on the tr.p-row-odd elements, instead if I apply it to the inner td elements it works, problem solved.