UI-Grid 在列隐藏后自动调整列宽答案

【问题标题】：UI-Grid auto resize columns width after column hidingUI-Grid 在列隐藏后自动调整列宽
【发布时间】：2015-07-10 01:59:43
【问题描述】：

在 AngularJS UI-grid 中，我想在单击隐藏一列后自动调整列的大小，因为现在如果我单击隐藏 clumn，在该列所在的位置会有一个空白位置。

【问题讨论】：

不确定您正在经历什么，但我认为这不是当前的功能 ui-grid.info/docs/#/tutorial/210_selection 。如果你去使用他们的演示并点击隐藏，其他列的大小就可以了。
我尝试了很多版本和多个浏览器，但它对我不起作用……是的，演示对我有用。但是如果我使用相同的代码，它对我不起作用。 :(
这就是您需要在此处发布代码的原因。或者创建一个 Plnkr 来复制它并将我们链接到它。

标签： javascript angularjs angular-ui-grid

【解决方案1】：

这很可能是因为您在 columnDef 中设置了列宽。演示工作的原因是因为它们没有指定列宽，它们只是在隐藏列后调整大小。检查你的列定义并确保你没有设置列宽。

 columnDefs: [
      { name: 'name',width:150 },
      { name: 'gender', enableHiding: false,width:150 },
      { name: 'company',width:150 }
    ],

 columnDefs: [
      { name: 'name' },
      { name: 'gender', enableHiding: false },
      { name: 'company' }
    ],

上述配置的行为会有所不同。

【讨论】：