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>