Как автоматически визуализировать ширину таблицы на основе изменения ReactionGridLayout?

Question

Я использую ResponsiveReactGridLayout для изменения размера бумажного компонента, но после изменения размера я не могу изменить размер таблицы AGGrid так же, как ширина изменения макета

Я пробовал с приведенным ниже кодом, и замена таблицы макета не полностью изменила размер

            <ResponsiveReactGridLayout 
               layouts={this.state.layout} 
               onLayoutChange={this.onLayoutChange}
               className={this.state.className}            
                rowHeight={this.state.rowHeight}
                cols={this.state.cols}
                initialLayout= {this.state.layout}
                initialWidth={this.state.initialWidth}
                width={this.state.width}
                verticalCompact={false}
                listenToWindowResize={false}
                currentBreakpoint= 'sm'
                >
              {this.state.response && this.state.response.data && this.state.response.data.map((data, i) => 
                <Paper id='resizer' key={i} className="paper_panel">
                    <div style={containerStyle} className="ag-blue">
                    <AgGridReact
                        columnDefs={this.createHeader()}
                        rowData={this.tableData()}
                        onGridReady={this.onGridReady}
                        enableFilter
                        enableSorting>
                    </AgGridReact>
                    </div>


                </Paper>
              )} 
            </ResponsiveReactGridLayout>



            let containerStyle = {
              height:300,
              width: 500
          };

Мне нужно изменить размер таблицы в соответствии с изменением макета