ng-grid не может изменить размер столбца cellTemplate с определенной шириной

{
 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
person rajmohan    schedule 12.02.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете обновить ширину столбца следующим образом:

$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

person Rob    schedule 12.02.2014