Див внутри стола

Question

Привет, у меня есть стол с 14 тд в течение тр. После первой строки (tr) я хочу добавить динамическую строку (tr) и div в tr, используя jquery. Это динамически добавленные tr и div будут иметь другую таблицу с некоторыми данными. Теперь происходит то, что вся таблица (динамически добавленная) помещается в первый тд динамически добавляемой строки. Я не хочу этого, я хочу, чтобы он растягивался по всей странице (значит, вписывается в динамически добавляемый tr). Как ты это делаешь?

! [Введите описание изображения здесь] [1]

На изображении вы можете видеть, как весь стол помещается в первый тд

Я добавляю динамические tr и div внутри tr вот так

 $('#'+row_id).after('<tr><div  id="trip_detail_id"></div></tr>'); 

, где row_id - идентификатор tr.

Answer 1

Вы должны обернуть <div> в <td> с помощью colspan по всем столбцам.

var row = $('#'+row_id);
row.after('<tr><td colspan="'+ row.children().length +'"><div  id="trip_detail_id"></div></td></tr>'); 

Код будет немного сложнее, если вы уже используете colspan для <td>подряд.Затем необходимо выполнить итерацию по всем дочерним элементам и проверить атрибут colspan, чтобы получить правильное количество столбцов.