Angular UI网格即使在用户调整列大小后也保持全宽

我有以下表格：

我试图避免这个问题：

所以我做了一个函数来禁用最后一行的大小调整

  const disableLastColumnResize = () => {
    let size = vm.gridOptions['columnDefs'].length - 1;
    vm.gridOptions['columnDefs'].forEach(col => {
        col.enableColumnResizing = (col.order != size);
    })
  }

它工作正常，但仍有办法阻止它->

调整不是最后一列的列的大小（例如：性别） 移动调整大小的列并将其设置为最后一列 现在调整其他两列的大小

我相信这是因为，如果我调整一列的大小，它将有一个指定的宽度，当我在最后一列上移动它并调整其他2列的大小时，每一列将有一个指定的宽度，因此我可以有一个比容器更小的大小

---

我希望能够使最后一列始终适合剩余的空间。用户可以随意调整大小，但总宽度始终适合容器。有可能吗？

我认为最简单的解决方案是将其中一个已定义的列更改为宽度为“*”，并为该列设置enableColumnResizeing:false。无论您如何移动列或调整列的大小，此列都会通过自动调整大小使网格填充整个容器。此外，您不需要所有额外复杂的逻辑来禁用调整大小等。我们将研究该解决方案。我认为最简单的解决方案是将其中一个已定义的列更改为具有宽度“*”，并为该列设置enableColumnResizing:false。无论您如何移动列或调整列的大小，此列都会通过自动调整大小使网格填充整个容器。此外，您不需要所有额外复杂的逻辑，如禁用调整大小等，我们将研究该解决方案，谢谢