カスタマイズアクションNG2-スマートテーブルを追加しますが、何のアクションは、私がカスタマイズアクションを作成しようとしている

Question

を添加していないが、何かが間違っていた、コードは

マイ設定私にカスタムアクションボタンを与えられていない、私はアクション内のカスタムボタンを追加しました：

settings = { 
actions: { 
    edit: false, 
    custom: [ 
    { 
     name: 'routeToAPage', 
     title: `<i class="ion-person" title="Xem thông tin người nhận Giftcode"></i>` 
    } 
    ], 
}, 
add: { 
    addButtonContent: '<i class="ion-ios-plus-outline"></i>', 
    createButtonContent: '<i class="ion-checkmark"></i>', 
    cancelButtonContent: '<i class="ion-close"></i>', 
    confirmCreate: true 
}, 
columns: { 
    stt: { 
    title: 'STT', 
    editable: false, 
    }, 
}, 
pager : { 
    display : true, 
    perPage: 10 
} 
}; 

私のHTMLコード：

 <ba-card class="smart-table-container"> 
      <ng2-smart-table 
      [settings]="settings" 
      [source]="source" 
      (deleteConfirm)="onDeleteConfirm($event)" 
      (custom)="onCustom($event)" 
      ></ng2-smart-table> 
     </ba-card> 

私の問題は何ですか？

ありがとうございます！

Answer 1

これを試しました。コード： ソース：LocalDataSource;

settings = { 
    columns: { 
    Status: { 
    title: 'Status' 
    , class: 'align-centerr' 
    }, 
    FullName: { 
    title: 'Full Name' 
    }, 
    JobTitle: { 
    title: 'Job Title' 
    }, 
    Department: { 
    title: 'Department' 
    }, 
    EmailAddress: { 
    title: 'Email Address' 
    }, 
    MobilePhone: { 
    title: 'Mobile No' 
    }, 


}, 
actions: { 
    edit: false, 
    custom: [{ name: 'Edit', title: `<i class="fa fa-edit"></i>` }, 
    { name: 'Activate', title: `<i class="fa fa-toggle-on"></i>` }, 
    { name: 'Deactivate', title: `<i class="fa fa-toggle-off"></i>` } 
    ], 

}, 


delete: { 
    deleteButtonContent: '', 
    confirmDelete: true 
}, 
add: null, 
defaultStyle: false 
    , 
    rowClassFunction: (row) => { 
    if (row.data.Status === 'Inactive') 
    { 
     return 'success-table'; 
    } else if (row.data.Status === 'Active') { 
    return 'warning-table'; 

    } 
}