网格顶部的 Ag-grid 分页（Angular 2）答案

【问题标题】：Ag-grid Pagination on the top of the grid (Angular 2)网格顶部的 Ag-grid 分页（Angular 2）
【发布时间】：2020-03-31 16:46:55
【问题描述】：

谁能帮我在网格的顶部和底部设置 ag-grid 的分页。现在分页在网格的底部，我也试图放在顶部。请帮我解决这些问题

提前致谢。

【问题讨论】：

标签： ag-grid

【解决方案1】：

我不认为这很容易实现。 github page 上有一个开放的增强功能，听起来它可以让你做你想做的事。

如果您想创建一个解决方法，那么您可以使用一些 dom 操作来克隆在底部找到的内容。然而，在我个人的尝试中，这被证明是相当困难的，因为事件监听器没有被克隆。

【讨论】：

【解决方案2】：

银格不支持。但它可以通过 css 来实现，添加下面的 css 应该适合你

.ag-theme-balham {
  background-color: transparent;
  margin-top: -30px;
}

.ag-paging-panel > span {
  color: black !important;
}

.ag-root-wrapper {
  position: relative !important;
}

.ag-root-wrapper-body {
  margin-top: 30px;
}

.ag-paging-panel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  border-top: none !important;
}

【讨论】：

【解决方案3】：

ag-grid 官方网站上有一个示例，位于以下链接。您可以根据需要创建分页控件并使用事件（onNextPage、onPrevPage）。

https://www.ag-grid.com/javascript-grid-pagination/

【讨论】：