DataTables嵌套表崩溃：如何删除填充？

Question

我创建了一个演示数据库，以使子行与折叠/扩展一起使用。我无法在父级中对齐嵌套表。我希望列宽相同。

你可以在这里看到JSFiddle enter link description here

我尝试添加此功能但不起作用。

.childtable.dataTable tbody th, .childtable.dataTable tbody td {
    padding: 0;
}  

Answer 1

解决问题的最佳方法是使用选择器组合（+和＆gt;）：

// For remove padding of nested table-cell
table.dataTable tbody tr.shown + tr > td {
    padding: 0;
}

// For set the width of first column
table.dataTable tbody tr.shown + tr table.dataTable tbody td.sorting_1,
td.details-control {
    width: 40px;
}

http://jsfiddle.net/alexndreazevedo/jpnr2e6c

不幸的是，只能对齐嵌套列，为每列设置固定的百分比。然而，它可能无法用流畅的文本阅读。

解决方法是更改​​标记。取决于你！