html - Ag 网格，防止表格缩放到全宽

Question

我有一个可以缩放到所有可用宽度的表格，即使它的内容较少。
演示:“https://plnkr.co/edit/6L8bTAwkEV6R6Be4M1Qm?p=preview”
试图通过给 parent 一个 width 和 ag-grid max-width 来解决它，但正如你所看到的，它没有效果。有谁知道吗？
提前致谢。

Answer 1

您需要使用 sizeColumnsToFit() 方法。

sizeColumnsToFit() Gets columns to adjust in size to fit the grid horizontally.

Official doc

代码:

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

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

修改了你的plnkr sample

Update: explanation of sizeColumnsToFit

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