ng-grid 无法调整具有特定宽度的 cellTemplate 列答案

【问题标题】：ng-grid not able to resize cellTemplate column with specific widthng-grid 无法调整具有特定宽度的 cellTemplate 列
【发布时间】：2014-02-13 00:05:14
【问题描述】：

{
 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
}

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

【问题讨论】：

标签： javascript angularjs ng-grid

【解决方案1】：

您可以像这样更新列宽：

$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;
}

示例： Plunker

【讨论】：