Вложенная таблица DataTables с развалом: как убрать отступы?

Question

Я создал демо для игры с Datatables, чтобы иметь дочернюю строку с Collapse/Expands. Я не могу выровнять вложенную таблицу в родительском. Я хотел бы иметь одинаковую ширину столбцов.

Вы можете увидеть JSFiddle здесь, введите описание ссылки здесь

Я пытаюсь добавить это, но это не сработало.

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

Answer 1

Лучший подход к вашей проблеме - использовать комбинацию селекторов (+ и>):

// 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

К сожалению, возможно только выровнять вложенные столбцы, установив фиксированный процент для каждого столбца. Однако это, вероятно, не может быть читаемым с текучим текстом.

Обходной путь - изменить вашу разметку. Зависит от тебя!