So my scenario is that there is an "Edit" ,"Activate","Deactivate" button in the action column. and there is a column called Status whose value will be either "ACTIVE" or "INACTIVE" Is there any way i can show and hide these action buttons according to the value in the status column i have to achieve something like in this attached screenshot
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:[{}]
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
,