Ag网格,防止桌子缩放到全宽

时间:2018-09-15 11:27:24

标签: html css angular css3 ag-grid

我有一个表,即使它的内容较少,它也可以缩放到所有可用宽度。
    演示:“ https://plnkr.co/edit/6L8bTAwkEV6R6Be4M1Qm?p=preview
尝试通过给父母一个width和一个Ag-grid max-width来解决此问题,但是如您所见,它没有效果。有谁知道吗?
预先感谢。

1 个答案:

答案 0 :(得分:1)

您需要使用sizeColumnsToFit()方法。

  

sizeColumnsToFit()获取调整大小以适应水平网格的列。

Official doc

代码:

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.gridApi.sizeColumnsToFit();
    ....
}

修改了您的plnkr sample

  

更新:sizeColumnsToFit

的说明

您需要记住ag-grid的生命周期。 因此,在这种情况下,要使sizeColumnsToFit有效-应该定义网格columns并将其分配给gridOptions属性。如果需要动态解决方案,请不要忘记先通过setColumnDefs通知网格,然后再调用sizeColumnsToFit方法。