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

时间:2014-02-12 11:08:03

标签: javascript angularjs ng-grid

{
 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.它应该在第一次加载网格时。但是当向网格添加更多列时,应该减少。有可能吗?

1 个答案:

答案 0 :(得分:0)

您可以像这样更新列宽:

$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