angular ui-grid将img链接添加到列标题

npm install angular-ui-grid

import 'angular-ui-grid';

<div ui-grid="gridOptions" class="grid"></div>

angular.module('myApp', ['ui.grid'])
  .controller('myController', function($scope) {
    $scope.gridOptions = {
      columnDefs: [
        { field: 'name', displayName: 'Name' },
        { field: 'age', displayName: 'Age' },
        { field: 'image', displayName: 'Image', cellTemplate: '<div class="ui-grid-cell-contents"><img ng-src="{{COL_FIELD}}"></div>' }
      ],
      data: [
        { name: 'John', age: 25, image: 'https://example.com/image1.jpg' },
        { name: 'Jane', age: 30, image: 'https://example.com/image2.jpg' },
        { name: 'Bob', age: 35, image: 'https://example.com/image3.jpg' }
      ]
    };
  });