Templating (original) (raw)

Row Templates

Default Row Template:

// passed in as a string

Example:

$scope.gridOptions = {
    data: self.myData,
    rowTemplate: '<div ng-repeat="col in columns" style="height:{{rowHeight}}; width: {{col.width}}px" class="ngCell {{columnClass($index)}} {{col.cellClass}}" ng-cell></div>'

};

That way you can add some styling!

Cell Templates

Default Cell Template:

Example:

$scope.gridOptions = {
    data: self.myData,
    columnDefs: [{ field: 'firstName', displayName: 'First Name', width: 90, cellTemplate: '<div>{{row.entity[col.field]}}</div>' },
                 { field: 'lastName', displayName: 'Last Name', width: 80 },
                 { field: 'age', cellClass: 'ageCell', headerClass: 'ageHeader' }]

};

Header Cell Templates

Default Header Cell Template:

Example:

var myHeaderCellTemplate = '