2014-02-12 1 views
0
{ 
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을 제거 할 수 없습니다. 그리드의 첫 번째로드가 있어야합니다. 그러나 그리드에 더 많은 열을 추가 할 때는이 값을 줄여야합니다. 가능한가? 이 같은ng-grid는 특정 너비의 cellTemplate 열의 크기를 조정할 수 없습니다.

답변

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

관련 문제