Show hidden part of 1st row in responsive table using js

textgain

I have a responsive datatable. It hides some cells, which is what it is supposed to do. I would now like to be able to show the hidden part of the first row of the table through a button click (so not by clicking on the plus-sign). Not sure how to go about this.

kthorngren

Maybe you can adapt the example in this thread to open the desired row. Something like this:

var table = $('#example').DataTable();
$('td', table.row( <place your row selector here> ).node()).eq(0).click();

The row() docs will explain how to pick the row selector for your needs.

Kevin

kthorngren

Thought about it and realized its not obvious how to select the first row on the page. See this example:
http://live.datatables.net/homubuye/1/edit

Kevin

textgain

$('td', table.row( ':eq(0)' ).node()).eq(0).click();

This works perfectly. Thanks a million!!!!