在ag-grid中创建一个降低或增加列宽的按钮

<button id="decreaseWidthBtn">减小列宽</button>
<button id="increaseWidthBtn">增加列宽</button>

// 获取ag-grid实例
var gridOptions = agGrid.GridOptions.api;

// 获取按钮元素
var decreaseWidthBtn = document.getElementById('decreaseWidthBtn');
var increaseWidthBtn = document.getElementById('increaseWidthBtn');

// 为按钮元素添加点击事件监听器
decreaseWidthBtn.addEventListener('click', function() {
  // 获取当前选中的列
  var selectedColumns = gridOptions.getSelectedColumns();

  // 遍历选中的列，减小列宽
  selectedColumns.forEach(function(column) {
    var currentWidth = column.getActualWidth();
    column.setActualWidth(currentWidth - 10); // 减小10个像素
  });
});

increaseWidthBtn.addEventListener('click', function() {
  // 获取当前选中的列
  var selectedColumns = gridOptions.getSelectedColumns();

  // 遍历选中的列，增加列宽
  selectedColumns.forEach(function(column) {
    var currentWidth = column.getActualWidth();
    column.setActualWidth(currentWidth + 10); // 增加10个像素
  });
});