javascript - 如何禁用 Angular ui-grid 中特定列的调整大小

Question

这是我的专栏定义

$scope.gridOpts = {
enableColumnResizing: true,
columnDefs : [
   {displayName:"Name",field:"name",width:'20%'},
   {displayName:"Gender",field:"gender",width:'*'},
   {displayName:"Company",field:"company",width:'60%'}
  ],
data: [
  { "name": "Ethel Price", "gender": "female", "company": "Enersol" },
  { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" },
  { "name": "Beryl Rice", "gender": "female", "company": "Velity" },
  { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" }
]};

我想禁用最后一列(公司)的大小调整，当前的解决方案工作正常，但当窗口缩小到某个点时开始 chop 并添加省略号。

Answer 1

要禁用调整最后一列的大小，请将最后一列属性 enableColumnResizing 设置为 false。

columnDefs : [
       {displayName:"Name",field:"name",width:'20%'},
       {displayName:"Gender",field:"gender",width:'*'},       {displayName:"Company",field:"company",width:'60%',enableColumnResizing:false}
      ]

在调整大小时添加省略号是预期的行为。

如果您想控制该行为，您必须将 minWidth 属性设置为列定义。