When i resize window, header resizes too but rows keep same width unless i scroll. Is there a way to resize rows immediatelly after window changes size ?
<AutoSizer>
{({ height, width }) => (
<Table2
height={height}
width={width}
headerHeight={80}
rowHeight={100}
rowCount={list.length}
rowStyle={{ borderRadius: 20, backgroundColor: "#555", borderBottomStyle: "solid"}}
headerStyle={{backgroundColor: "grey", border: "solid", borderColor: "grey", borderRadius: 10}}
rowGetter={({index}) => list[index]}>
{(() => {const vysledok = tableHeaderConfig.map((tableHeaderConfig, columnIndex) => {
return <Column width={(() => columnIndex < 5 ? 300 : 1000)()}
style={{
whiteSpace:"normal",
display: "flex",
justifyContent: "center",
border: "solid",
borderColor: "transparent",
color: "white",
textShadow: "2px 2px 8px black"}}
headerRenderer={() => sortHeader(tableHeaderConfig)}
cellRenderer={({rowData, rowIndex})=>
getObjectTable(rowData, rowIndex, {name:tableHeaderConfig["name"], sortType:tableHeaderConfig["sortType"]})}/>
}); return vysledok})()}
</Table2>
)}
</AutoSizer>