hinzufügen anpassen Aktion NG2-smart-Tabelle, aber keine Aktion hinzugefügt

Question

Ich versuche anpassen Aktion erstellen, aber etwas schief gelaufen ist, wird der Code mir nicht gegeben benutzerdefinierte Aktion Taste

Meine Einstellungen, habe ich benutzerdefinierte Schaltfläche innerhalb Aktionen :

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 
} 
}; 

Meine Html-Code:

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

Was ist mein Problem?

Danke!

Answer 1

Ich habe das versucht. Gehe durch meinen Code Quelle: 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'; 

    } 
}