How to show or hide a tag in the column tags in ng2-smart-table

I am using a ng2-smart-table to disply things. I want to show the cancel job option in the columns for pending or running jobs and for completed job this cancel job option should be hidden. Here is my code.

public settings = {

hideSubHeader: true,
noDataMessage: 'no job submitted',
pager: {
display: false
},
actions: {
delete: false,
edit: false,
add: false,
columnTitle: '',
position: 'right',
custom: [
{ name: 'output', title: 'output   ' },
{ name: 'error', title: 'error   ' },
{ name: 'cancel', title: '' }
]
},
columns: {
JobId: {
title: 'Job id',
editable: false,
sortDirection: 'desc',
width: "8%"
},
Name: {
title: 'Job name',
editable: false,
width: '18%'
},
State: {
title: 'State',
editable: false,
width: "12%"
},

}
};

and on html page, the ng2-smart-table tag is like this

Please help