DataTables - Expand Child details without using Ajax

Question

I\'m working on a page that uses jquery DataTables (version 1.10). The TableData source is currently being sent as just an HTML table on the rendered page, and works perfect. Ho

Answer 1

You can store the data for the child row in a data attribute of the parent row and change the format method from the example accordingly. Something like

In your HTML:

    ParentRow
    No. 1

In the click handler (line 50 from the example):

row.child(format(tr.data('child-name'), tr.data('child-value'))).show();

And as format method something like:

function format (name, value) {
    return '
Name: ' + name + '
Value: ' + value + '
';
}