如何用子行修复此数据表的外观？

Question

我当前正在使用jquery数据表显示一个表，并希望添加子行。从datatables.net复制示例后，现在显示了子行，但是当显示子行时，子行父级的内容（或单元格）水平向左移动，然后父级内容返回子行被隐藏时返回到其初始位置。

我已经尝试过对表使用“表布局：固定”，但没有任何变化。

format(data) {
    return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
         '<tr>'+
             '<td>Full name:</td>'+
             '<td>'+data.name+'</td>'+
         '</tr>'+
      '</table>';
}

$('#pmDataTable tbody').on('click', 'td.details-control', function () {
     var tr = $(this).closest('tr');
     var row = pmDataTable.row(tr);

     if(row.child.isShown()) {
        row.child.hide();
        tr.removeClass('shown');
     }else {
        row.child(vmPM.formatInnerPayroll(row.data())).show();
        tr.addClass('shown');
     }
});

我希望父行外观的内容保持不变（或初始），但外观确实会发生变化。