How to make a table row unclickable in jquery datatable?

Question

Am using jQuery Datatables for listing of the users, and using the selectable property to select and unselect rows. Now I have a issue that I want to make one row non clickable (i.e. the row of logged in user)... how can I do that ..Any help will be appreciated

$('#example tr').click( function() { 

}

How can I disable this function for a particular row?

Answer 1

Something like this? (add class="trDisable" to the row that shall have no click function)

$('#example tr').not("#example tr.trDisable").click( function()

or

$('#example tr.trDisable').click( function(e) {
    e.stopPropagation()
}

Answer 2

two ways come to my mind

1 each() usage

$('#example tr').each(function(i) {
    if ( i === 2 ) {//this will select third tr
      $(this).off();
    }
});

2 eq() usage //im not really sure this works on tables, maybe index() will

var disabledRow = $('#example tr').eq(2);//this will deactive third row
if ( contition ) {
  disabledRow.off();
}

and you can read these questions, they should help

jquery disable click until animation is fully complete

how to define condition with clicked objet's parent?

Answer 3

I know this is an old thread but might help someone..

        $('#example').on('click', 'tbody tr', function () {
            var table = $('#example').DataTable();

            // Check if any rows are selected
            if (table.row(this, { selected: true }).any()) {
                // if condition here, if not valid
                if (!condition) table.row(this).deselect();
            }
        });