Question

任何人都可以帮我设置网格顶部和底部的ag-grid分页。现在，分页是在网格的底部，我也试图放在顶部。请帮我解决这些问题

提前致谢。

Answer 1

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

如果您想创建一个变通方法，那么您可以使用一些dom操作来克隆底部找到的内容。然而，在我个人的尝试中，由于没有克隆事件监听器，因此证明这非常困难。

Answer 2

Ag网格不支持它。但可以通过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;
}

Answer 3

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

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

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

3 个答案: