Table action column issue

[Priyanknasit]

I’ve created a table using ng2-smart-table and configured the (userRowSelect) event. Here are the key settings I’ve applied:

hideSubHeader: true,
actions: {
  add: false,
  edit: false,
  delete: false,
}

At the end of the table, I’ve added a custom “Action” column that displays an icon.

columns: {
      id: { title: 'ID', type: 'number' },
      accoutNumber: { title: 'Account Name', type: 'string' },
      currentBalance: { title: 'Current Balance', type: 'string' },
      mobile: { title: 'Mobile', type: 'string' },
      email: { title: 'E-mail', type: 'string' },
      actions: { 
        title: 'Action',
        type: 'custom', 
        renderComponent: ActionIconComponent, 
        filter: false,
        sort: false,
        width: '50px',
        class: 'action-column-class'
        
      }

The issue I’m facing: When I click on the icon in the Action column, the (userRowSelect) event gets triggered. However, I don't want to prevent that — I only want the icon click to open an action context menu, without triggering the row selection event.

Unfortunately, it seems like ng2-smart-table’s current behavior doesn’t allow for this kind of selective click handling.

If anyone has ideas or workarounds on how to achieve this, I’d appreciate your suggestions!