Ag grid 创建一个按钮，用于降低或增加ag栅格中的列宽

我正在尝试创建两个按钮，一个在ag网格中增加列宽，另一个在单击时减小列宽。

您可以使用访问最新列宽，并使用更新任何列宽。这里有一个例子

constchangewidth=（colId，offset）=>（）=>{
const currentWitdth=columnApi
.getColumnState（）
.find（（c）=>c.colId===colId）.width；
columnApi.setColumnWidth（colId，currentWitdth+偏移量）；
};

如果要更改所有列的宽度

constchangeallwidth=（偏移量）=>（）=>{
const columnState=columnApi.getColumnState（）；
columnState.forEach（（c）=>{
如果（c.宽度）{
columnApi.setColumnWidth（c.colId，c.width+偏移量）；
}
});
};

用法

+All
-全部
+运动员
-运动员
+年龄
-年龄

现场演示

---

您可以使用访问最新列宽，并使用更新任何列宽。这里有一个例子

constchangewidth=（colId，offset）=>（）=>{
const currentWitdth=columnApi
.getColumnState（）
.find（（c）=>c.colId===colId）.width；
columnApi.setColumnWidth（colId，currentWitdth+偏移量）；
};

如果要更改所有列的宽度

constchangeallwidth=（偏移量）=>（）=>{
const columnState=columnApi.getColumnState（）；
columnState.forEach（（c）=>{
如果（c.宽度）{
columnApi.setColumnWidth（c.colId，c.width+偏移量）；
}
});
};

用法

+All
-全部
+运动员
-运动员
+年龄
-年龄

现场演示

---

谢谢！你是真正的MVP。我的问题是我有一个小组在桌子上，很高兴我能帮助：）你知道如何将这一点应用于小组吗？我回答中的代码应该可以很好地用于行组。我已将行组添加到实时演示中。如果您有任何其他问题，请在问题中添加相关代码。谢谢！你是真正的MVP。我的问题是我有一个小组在桌子上，很高兴我能帮助：）你知道如何将这一点应用于小组吗？我回答中的代码应该可以很好地用于行组。我已将行组添加到实时演示中。如果您有任何其他问题，请在问题中添加相关代码。

<button onClick={changeAllWidth(10)}>+ All</button>
<button onClick={changeAllWidth(-10)}>- All</button>

<button onClick={changeWidth("athlete", 10)}>+ athlete</button>
<button onClick={changeWidth("athlete", -10)}>- athlete</button>
<button onClick={changeWidth("age", 10)}>+ age</button>
<button onClick={changeWidth("age", -10)}>- age</button>