如何在 React.js 的 Ag Grid 中设置响应式列宽？

Question

我使用 React Ag Grid 库，我的屏幕尺寸为 1920*1080。所以我需要为另一个屏幕尺寸使用响应式列宽。

               { headerName: "Sıra", field: "", width: 30, minWidth: 10, maxWidth: 300, suppressSizeToFit: false },
               { headerName: "Subscriber No", field: "", width: 130, minWidth: 10, maxWidth: 450, suppressSizeToFit: false },
...
] ```

I tried percantage instead of "30" but it doesn't work. How can I set percentage value for responsive design in Ag Grid? 

Answer 1

我建议在您的 onGridReady 回调中调用 gridApi.sizeColumnsToFit();。这将调整所有列的大小以准确填充网格的可用宽度。当您将列定义的 width 属性 设置为 30 时，它以像素为单位，而不是百分比。