Как добавить строки в следующую таблицу?

Question

[beduin01]

Я сверстал шапку таблицы, но никак не могу понять, как туда добавить строки, чтобы они не разъезжались. Хочу на выходе получить следующее:

Тоесть под шапкой строки добавить.

https://jsfiddle.net/p7g1n4d8/2/

Comments

[Lander]

От табличной верстки перешли к блочной, но увлеклись и теперь верстаем таблицы блоками? :)

[Павел Беляев]

Правильно люди заметили, верстайте таблицы тегами table, это же не блоки...

Answer 1

[davc]

<div class="TableContainer">

			<div class="col-1">
				<div class="col-1-header">№</div>

			</div>

			<div class="col-1">
				<div class="col-1-header">Frutes</div>
				<div class="col-1-nested">
					<div class="col-2-container">
						<div class="col-2-header">№</div>
						<div>1</div>
					</div>
					<div class="col-2-container">
						<div class="col-2-header">Date</div>
						<div>2</div>
                                                <div>3</div>
                                                <div>4</div>
                                                <div><?php echo пхп код  ?></div>
					</div>					
				</div>

			</div>
</div>

Comments

[beduin01]

Это понятно, но как сделать чтобы вот такого не было. Двойни должны расти ПОД верхней двойкой, а не распирать ячейку.