Angular ag-grid调整大小问题

时间:2017-12-20 10:23:46

标签: javascript angular ag-grid ag-grid-react ag-grid-ng2

我想启用列大小调整,但同时我想避免当用户将任何列调整到网格左侧并在最后一列右侧显示​​空白空间时的情况。 我在下面附上了一张图片来解释我想要实现的目标。

enter image description here

2 个答案:

答案 0 :(得分:2)

this之类的东西应该适合你。重点是监听columnResized事件,然后检查当前列大小总和是否大于网格宽度,如果是,则使用sizeColumnsToFit函数。不过要小心; sizeColumnsToFit函数将尝试维护列的比率,因此您可能希望将所有列的大小调整为10px,然后调整大小以适应。它主要取决于您的用例以及您希望它的行为方式。

答案 1 :(得分:0)

可以使用columnResized事件和sizeColumnsToFit()的{​​{1}}方法来解决此问题。

component.ts:

gridApi

component.html:

onColumnResized(params) {
  if (params.source === 'uiColumnDragged' && params.finished) {
    this.gridApi.sizeColumnsToFit();
  }
}