Html Ag网格，防止表格缩放至全宽

我有一个表，它可以扩展到所有可用宽度，即使其内容较少。
演示：“
试图通过给父对象一个

width

和一个ag grid

max width

来解决这个问题，但正如您所看到的，它没有效果。有人知道吗

---

提前感谢。

您需要使用

sizeColumnsToFit（）

方法

sizeColumnsToFit（）获取要调整的列大小，以水平适应网格

代码：

修改你的

更新：解释

sizeColumnsToFit

您需要记住

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

sizeColumnsToFit（）获取要调整的列大小，以水平适应网格


代码：

修改你的

更新：解释
sizeColumnsToFit

您需要记住
ag网格的生命周期。
因此，在这种情况下，要使
sizeColumnsToFit
起作用，应定义网格
列
，并将其分配给
gridOptions
属性。如果您需要动态解决方案，请不要忘记先通过
setColumnDefs
通知网格，然后调用
sizeColumnsToFit
方法。
是否没有完全获得您想要的结果？在
plnkr
示例中，我看到：
style=“max width:100%；height:100%；”
因此，使用
max width:50%
您将获得一半的页面宽度，但我想您看起来有所不同。@un.spike。谢谢，我尝试了您的解决方案，但实际上仍然是一样的。我在演示中更改了数据以清楚地演示。请查收。实际上，我通过调用getPreferredWith并将此宽度分配给网格来解决这个问题。但我应该在排序、筛选、列切换等过程中每次调用此方法。这会降低性能。仍然不清楚您希望得到什么结果？根据列计数的动态网格宽度？是否检查了pnkr plnkr.co/edit/dmLF3I4CaAuTNLv5586O？p=preview。正如你所看到的，右边的柱子是黏的，右边是空的，中间有一个空的空间，使桌子变得难看。在
plnkr
示例中，我看到：
style=“max width:100%；height:100%；”
因此，使用
max width:50%
您将获得一半的页面宽度，但我想您看起来有所不同。@un.spike。谢谢，我尝试了您的解决方案，但实际上仍然是一样的。我在演示中更改了数据以清楚地演示。请查收。实际上，我通过调用getPreferredWith并将此宽度分配给网格来解决这个问题。但我应该在排序、筛选、列切换等过程中每次调用此方法。这会降低性能。仍然不清楚您希望得到什么结果？根据列计数的动态网格宽度？是否检查了pnkr plnkr.co/edit/dmLF3I4CaAuTNLv5586O？p=preview。正如你所看到的，右边的柱子是黏的，右边是空位，中间有空位，使桌子变丑。
onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

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