在react ag-grid中动态显示/隐藏分页选项

Question

我在我的一个 React 示例中使用了 React Ag-grid。我想在加载 ag-grid 后单击按钮显示/隐藏分页面板。

<div className="ag-theme-alpine">
      <button onClick={e => setPagination(!pagination)}>Show/Hide Pagination</button>
      
      <AgGridReact
        pagination={pagination}
        ...
        ...
      >
        <AgGridColumn field="name" />
        <AgGridColumn field="year" />
      </AgGridReact>
    </div>

看上面的示例代码。当我尝试记录分页值时，它会变为 true/false，但不会反映在 ag-grid 上。

你能帮助我如何更改网格选项并再次刷新React ag-grid吗？

Answer 1

我知道这是一个很旧的问题，但在 https://www.ag-grid.com/pipeline/ 网站上找不到解决此问题的方法。 在获得网格实例引用后，我设法通过执行以下操作来禁用分页：

grid.updateGridOptions({ pagination: false });