调整Ag-Grid的大小以适应行数
调整Ag-Grid的大小以适应行数
提问于 2020-08-04 19:59:39
我在angular 8应用程序中使用了Ag-Grid。我正在尝试让网格根据行数调整大小，但也希望将网格中的行数限制为10，然后使用分页来显示下一页。
为了将网格中的行数限制为10，我使用了gridHeight = '400px‘，它适用于有10行的页面。但是假设我有33行数据，我在前3页显示10行，在最后一页显示剩余的3行，最后一页的gridHeight仍然是400px。有没有一种方法可以动态调整这3行的网格大小。
我知道我们可以使用domLayout='autoHeight‘，但这不适用于gridHeight。有什么建议吗？
回答 1
Stack Overflow用户
发布于 2020-09-07 15:59:35
您应该使用paginationPageSize属性并将其设置为10，而不是使用gridHeight = '400px'将网格中的行数限制为10。
就像你在定义网格选项时提到的，将domLayout属性定义为'autoHeight‘。每当网格中的记录数较少时，这将自动调整网格高度。
下面是一些代码片段，可以帮助您解决问题。
var gridOptions - {
defaultColdDef : {
...
...
},
--bunch of properties goes here
...
pagination : true,
//use pagination page size property to set height instead of using height style.
paginationPageSize : 10,
domLayout : 'autoHeight'
...
...
}这是一个有效的demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63246426
复制相关文章
相似问题
腾讯云开发者
