Question

:

var templateImage = '<div class="ngCellText" ng-class="col.colIndex()"><img src="images/{{row.getProperty(\'faseXD[0].fase\')}}.png"></div>'; 
var templateText = '<div class="ngCellText" ng-class="col.colIndex()"><p id="gridField" ng-cell-text>{{row.getProperty(col.field)}}</p></div>'; 
$scope.gridOptions= { 
    data:'request', 
    multiSelect:false, 
    headerCellTemplate:'<div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{\'cursor\': col.cursor}" ng-class="{ \'ngSorted\': !noSortVisible }"><div ng-click="col.sort($event)" ng-class="\'colt\' + col.index" class="ngHeaderText">{{col.displayName}}</div><div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"></div><div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"></div><div class="ngSortPriority">{{col.sortPriority}}</div><div ng-class="{ ngPinnedIcon: col.pinned, ngUnPinnedIcon: !col.pinned }" ng-click="togglePin(col)" ng-show="col.pinnable"></div></div><div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"></div>', 
    columnDefs: [{ field: 'product', displayName: 'product',cellTemplate: templateTesto}, 
     {field:'ticket', visible:false}, 
     { field:'subject', displayName:'subject', cellTemplate: templateTesto}, 
     { field: 'date', displayName: 'date',cellTemplate: templateTesto} , 
     { field: 'faseXD', displayName: 'faseXD',cellTemplate: templateImmgaini,cellClass:'cellImage' }, 
     { displayName: 'Report', cellTemplate:'<div ><button ng-diasbled="pdfenabled" ng-click="reportpdf(row.getProperty(\'ticket\'),row.getProperty(\'faseXD[0].fase\'))"><i class="glyphicon glyphicon-file"></i></button></div>', cellClass:'gridCell' } 
     ] 
} 

은 내가 너비를 변경해야 정확히 말하면, 다른 열에서 templateImage 다른 확인해야합니다. 색상이나 기타 작은 것들을 변경하기 위해 웹 주변의 샘플을 찾았지 만 셀의 크기는 아닙니다. 가능한 것이 있습니까?

Answer 1

columnDefs에 너비를 간단히 설정할 수 있습니다.

var templateImage = '<div class="ngCellText" ng-class="col.colIndex()"><img src="images/{{row.getProperty(\'faseXD[0].fase\')}}.png"></div>'; 
    var templateText = '<div class="ngCellText" ng-class="col.colIndex()"><p id="gridField" ng-cell-text>{{row.getProperty(col.field)}}</p></div>'; 
    $scope.gridOptions = { 
    data: 'myData', 
    headerCellTemplate: '<div class="ngHeaderSortColumn {{col.headerClass}}" ng-style="{\'cursor\': col.cursor}" ng-class="{ \'ngSorted\': !noSortVisible }"><div ng-click="col.sort($event)" ng-class="\'colt\' + col.index" class="ngHeaderText">{{col.displayName}}</div><div class="ngSortButtonDown" ng-show="col.showSortButtonDown()"></div><div class="ngSortButtonUp" ng-show="col.showSortButtonUp()"></div><div class="ngSortPriority">{{col.sortPriority}}</div><div ng-class="{ ngPinnedIcon: col.pinned, ngUnPinnedIcon: !col.pinned }" ng-click="togglePin(col)" ng-show="col.pinnable"></div></div><div ng-show="col.resizable" class="ngHeaderGrip" ng-click="col.gripClick($event)" ng-mousedown="col.gripOnMouseDown($event)"></div>', 
    columnDefs: [{ 
     field: 'name', 
     width: '50px', 
     displayName: 'product', 
     cellTemplate: templateImage 
    }, { 
     field: 'age', 
     visible: true 
    }] 
    }; 

Example