DataTables hidden row details opened via TableTools button

DataTables hidden row details opened via TableTools button

adamclanceadamclance Posts: 3Questions: 0Answers: 0
edited February 2014 in TableTools
Hi all,
I am trying to open up a hidden row similar to this example:

However, instead of having a plus and minus symbol in its own column I was hoping to open up a hidden row via a datatables button. My problem arises trying to get a handle on the selected row so that I can show the hidden row beneath it.

Is there a way that I can do:
[code]$('#example tbody td img').live('click', function () {
var nTr = this.parentNode.parentNode;
oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
} );[/code]

except within a tabletools button?

So far I have this within my button:

[code]"fnClick": function() {
var oTT = TableTools.fnGetInstance( 'table' );
var nTr = oTT.fnGetSelected();
oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );

But I cannot seem to open the hidden row this way.
I'm kind of stumped on this and I'm admittedly new to javascript so any suggestions on how I might go about accomplishing this would be greatly appreciated!


  • allanallan Posts: 54,703Questions: 1Answers: 8,556 Site admin
    Nice idea!

    The TableTools callback functions are executed in the TableTools instance's own scope - so `this` is the TaleTools instance. You don't need to muck around with fnGetInstance in the callback functions.


    fnClick: function () {
    var rows = this.fnGetSelected();

    // Loop over rows array and open each
    // ...

  • sam2014sam2014 Posts: 3Questions: 2Answers: 0

    Hi Adam,

    I am trying to display details data in the pdf below the main master row.

    The data for the details are not visible to user and are displayed by adding a new row when user clicks a row in the data table.

    Could you access the hidden data and use it to add to the pdf?

This discussion has been closed.