时间戳

首页 > 解决方案 > 如何在 Ag Grid for React.js 中做响应式列宽？

javascript - 如何在 Ag Grid for React.js 中做响应式列宽？

问题描述

我使用 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?

标签： javascriptreactjsag-grid-react

解决方案

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

推荐阅读