Clickable row with datatables

Question

How do I go with making a tr clickable while using datatables, though yet keeping the original browser's menu so they can middle-click for new tab or rightclick for the original browsers menu? (such as open in new tab, page, copy link, etc.) ?

I've tried Superlink, but this does not work in all browsers, I need it to be cross-browser (IE7 and newer!)

Any tips/tricks?

Ricardo Binns · Accepted Answer · 2011-10-07 12:30:50Z

3

check this example from DataTables: select_row and see if helps you.

see the source Initialisation code

answered Oct 7, 2011 at 12:30

Ricardo Binns

3,2466 gold badges46 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

joan16v · Accepted Answer · 2013-03-13 08:25:53Z

0

This works!

oTable = $('#RectifiedCount').dataTable( ....);

 $('#RectifiedCount tbody tr').live('click', function (event) {        
    var aData = oTable.fnGetData(this); // get datarow
    if (null != aData)  // null if we clicked on title row
    {
        //now aData[0] - 1st column(count_id), aData[1] -2nd, etc. 
        alert("equis");
    }
});

answered Mar 13, 2013 at 8:25

joan16v

5,1374 gold badges51 silver badges50 bronze badges

1 Comment

ericwjr Over a year ago

Doesn't work for me... Uncaught TypeError: Object [object Object] has no method 'live'

Collectives™ on Stack Overflow

Clickable row with datatables

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related