Angular Datatable在第一列上使用columndef添加图标Edit

Question

在Angular中开发数据表时遇到了问题。我有这样的表

| Action | Name | Address |
(Edit)   | Alex | Gold Street 2nd

我想在第一列添加编辑图标。不久之前，我也尝试没有Angular的数据表：

'columnDefs': [{
         'targets': 0,
         'searchable':false,
         'orderable':false,
         'className': 'dt-body-center',
         'render': function (data, type, full, meta){
             return '<input type="checkbox" name="id[]" value="'
                + $('<div/>').text(data).html() + '">';
         }
      },

现在我也为Angular开发了使用ui-options。这是我的剧本：

  <table ui-jq="dataTable" ui-options="{
          sAjaxSource: BASE_URL+'index.php/customer/showall',
          aoColumns: [
            { mData: 'id' },
            { mData: 'name' },
            { mData: 'company' },
            { mData: 'email' },
            { mData: 'phone' }
          ],
          columnDefs: [
        { targets: [0], orderable: false, render: function ( data, type, full, meta ) {
      return data;
    } }
    ],
        }" class="table table-striped m-b-none">

我在Columndefs上出错了。有人请帮个忙吗？让我们分享一下！ :)提前致谢