Align parent child Column when sliding down a child row

Thefox

Hello
I thanks everyone for this great framework an particularly Alan for his plugin and support.
My base of work is this blog post https://datatables.net/blog/2014-10-02
For the moment I am playing with it and I just changed the function format d

function format ( d ) {
    // `d` is the original data object for the row
    return '<div class="slider">'+
        '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;" class="display nowrap compact" width="100%">'+
            '<tr>'+
                //'<td>Full name:</td>'+
                '<td>'+d.name+'</td>'+
                                //'<td>Extension number:</td>'+
                '<td>'+d.extn+'</td>'+
                                '<td>Extra info:</td>'+
                                '<td>And any further details here (images etc)...</td>'+
            '</tr>'+
            '<tr>'+
                '<td>Extension number:</td>'+
                '<td>'+d.extn+'</td>'+
            '</tr>'+
            '<tr>'+
                '<td>Extra info:</td>'+
                '<td>And any further details here (images etc)...</td>'+
            '</tr>'+
        '</table>'+
    '</div>';
}

as you can see on the first row of the child row i try to make the same number of columns but that does not align properly

Any idea to achieve column alignment between parent and child

Thanks a lot in advance
Kind Regards

Thefox

Hello,

Nobody?