Javascript ng grid无法调整具有特定宽度的cellTemplate列的大小 { 字段：“社区名称”， displayName:'社区名称'， cellTemplate:“{row.getProperty（col.field）| truncate}}”， cellClass:“cellToolTip”， 宽度：150 }

我希望在向网格动态添加更多列时调整此列的大小。我无法删除150的固定宽度。它应该在第一次加载网格时出现。但是，当向网格中添加更多列时，这应该减少。有可能吗？

您可以这样更新列宽：

{
 field: 'community_name',
 displayName: 'Community Name',
 cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><a tooltip="{{row.getProperty(col.field)}}" tooltip-placement="right" ng-cell-text class="override-link">{{row.getProperty(col.field)|truncate}}</a></div>', 
 cellClass: 'cellToolTip',
 width: 150
}

示例：

$scope.columnDefs = [
  {
    field: 'id',
    displayName:'Id',
    width: 80
  },
  {
    field:'name', displayName:'Name'
  }
]

$scope.gridOptions = { 
  data: 'myData',
  columnDefs: $scope.columnDefs 
};

$scope.changeColumnWidth = function() {
  $scope.gridOptions.$gridScope.columns[0].width = 300;
}