Paginations shows when click on fixed column of table

Jolanda

Hi,

I have a datatable with the first column as a fixed column. All <td>'s are clickable and work as a link to different pages. The base table works fine.
The fixed column (first column) is not working. As I click a <td>, instead of going to a new page, is shows the paging dropdown and moves the content to the left.
Any suggestions on how to solve this?
My code:

tableF = $("#table").DataTable({
dom: 'Bfrtip',
buttons : [{ extend: 'excel',
}],
language : {
emptyTable: translations.noDataAvaliable,
searchPlaceholder : " Zoek bedrijf",
search : '<i class="icon-search"></i>'
},
data : tableData,
bPaginate : false,
bFilter : true,
bInfo : false,
sScrollY: '50vh',
scrollCollapse: true,
sScrollX : true,
fixedColumns: true,
responsive :
{
breakpoints : [ {name : 'desktop', width : Infinity},
{name : 'tablet', width : 1000},
{name : 'fablet', width : 768},
{name : 'phone', width : 480} ]
},
iDisplayLength : 100,
autoWidth : false,
columns : tableColumns,
columnDefs: columnDefs,
filter : filterAttention()
});

$("#table").on('click', 'td', function(event) {
// code for click event
});

Thanks in advance.