jquery datatable display details

Question

I have a jQuery Datatable that has detail, where click on the line expands the detail tamplate that makes a request to the server and brings different data from the main table, I followed this Example

But my prolema now is the following, I need that instead of the tamplate being a detail that expands as the line click, I need that it is always visible, a detail that is not hidden. My question is how to make the main datatable automatically load the detail since it does a part request.

At the end I will need to print out my main datatable, printing it and the detail.

Example:

Coluna1| Coluna2| Coluna3|
Valor1   Valor2   Valor3
  Detalhe1| Detalhe2| Detalhe3|
  ValorD1   ValorD2   ValorD3 

Answer 1

Comment on everything inside:

$('#example tbody').on( 'click', 'tr td.details-control', function () {
//comentar
});

And add the code:

var trs = $('#example tbody tr');

for(var i = 0, len = trs.length; i < len; ++i) {
    var tr = trs[i];
    var row = dt.row( tr );
    row.child( format( row.data() ) ).show();
}

To hide the comment css buttons:

td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}