如何通过单击外部按钮来动态更改aggrid中的样式？

要通过单击外部按钮来动态更改ag-Grid中的样式，可以按照以下步骤进行操作：

首先，确保你已经在项目中引入了ag-Grid的相关依赖，并正确地初始化了ag-Grid表格。
在你的HTML文件中，创建一个外部按钮，并为其添加一个点击事件的监听器。例如：

<button id="changeStyleButton">点击更改样式</button>

在你的JavaScript文件中，获取该按钮的引用，并为其添加点击事件的处理函数。在处理函数中，可以通过ag-Grid的API来动态更改样式。

var changeStyleButton = document.getElementById('changeStyleButton');
changeStyleButton.addEventListener('click', function() {
  // 在这里编写动态更改样式的代码
});

在点击事件的处理函数中，可以使用ag-Grid的API来获取表格实例，并通过表格实例来修改样式。例如，可以使用gridOptions对象的getRowStyle方法来动态设置行的样式。

changeStyleButton.addEventListener('click', function() {
  var gridOptions = agGridOptions.api.getGridOptions();
  gridOptions.getRowStyle = function(params) {
    // 在这里根据条件动态设置行的样式
    if (params.data.value > 100) {
      return { background: 'green' };
    } else {
      return { background: 'red' };
    }
  };
  agGridOptions.api.refreshCells({ force: true });
});

在上述代码中，我们通过getRowStyle方法来设置行的样式，根据params参数中的数据来判断行的值，并根据条件返回不同的样式对象。最后，我们使用refreshCells方法来刷新表格的显示，以应用新的样式。

这样，当你点击外部按钮时，ag-Grid中的样式就会根据你的逻辑动态地改变。

请注意，以上代码仅为示例，实际应用中你可能需要根据具体需求进行修改。另外，关于ag-Grid的更多API和功能，请参考腾讯云的ag-Grid产品介绍页面：ag-Grid产品介绍。