时间戳

首页 > 解决方案 > UI GRID 即使在用户调整列大小后也保持全宽

angular - UI GRID 即使在用户调整列大小后也保持全宽

问题描述

我有以下网格：

用户界面网格

我试图避免这个问题：在此处输入图像描述

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

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

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

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

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

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

标签： angularangular-ui-gridui-grid

解决方案

推荐阅读