Datatables, how to bind event on all rows of the table

Question

My datatable is working fine except the fact that i am trying to add a `dblclick` functionality on each row, which that works partially. So, this is my code: ``` oTable = $('#example').dataTable({ "aaSorting": [[ 1, "desc" ]], "bJQueryUI": true, "sPaginationType": "full_numbers" }); /* Add a click handler to the rows */ //This highlights the row selected $("#example tbody").click(function(event) { $(oTable.fnSettings().aoData).each(function (){ $(this.nTr).removeClass('row_selected'); }); $(event.target.parentNode).addClass('row_selected'); }); //this attaches a dblclick event on the row $("#example tr").dblclick(function() { var iPos = oTable.fnGetPosition( this ); var aData = oTable.fnGetData( iPos ); var iId = aData[1]; $('#edit'+iId).click(); //clicks a button on the first cell }); ``` The highlighting of rows is ok for all rows of the tables, but the `dblclick` is working ONLY for the rows that where initially rendered in the first page. When I sort/search data and the data displ…

Accepted Answer

The first answer is near perfect, but has to have one little tweak that stops it from working.

As in the jquery apidoc on() you have to add the `[, selector ]` as i did below with the `"tr"`

```
$("#example").on("dblclick", "tr", function() {
        var iPos = oTable.fnGetPosition( this );
        var aData = oTable.fnGetData( iPos );
        var iId = aData[1];
        $('#edit'+iId).click(); //clicks a button on the first cell
});
```

Datatables, how to bind event on all rows of the table

Solution

Problem

Related problems