Как связать th и td?

Question

[Nikita Shchypylov]

Есть такая разметка :

<table id="review-list-items" class="clearfix">
				<thead class="review-list-header ">
				<tr>
					<th class="rev-num">Номер</th>
					<th class="rev-date">Дата</th>
					<th class="rev-name">Ім'я та прізвище</th>
					<th class="rev-card">Номер картки</th>
					<th class="rev-qual">Якість</th>
					<th class="rev-status">Статус</th>
					<th class="rev-actions">Дії</th>
				</tr>
				</thead>
				{if $output.items|@count>0}
					{foreach from=$output.items item=item name=name key=key}
						<tbody class="review-list-item clearfix">
						<tr class="review-list-item-row metro-feedback-properties clearfix">
							<td class="review-list-item-col feedback-number review-list-item-col-2-1">{$item.mall}</td>
							<td class="date">{$item.created_formated.full}</td>
							<td class="name color-gray">{$item.last_name} {$item.first_name}</td>
							<td class="number color-gray">{$item.card_number}</td>

							<td class="color-gray {if $item.mark eq 'bad'} metro-review-bad {else} metro-review-good {/if}">{if $item.mark eq 'bad'}{"Погано"|vars:$lang:"reviews"}{else}{"Добре"|vars:$lang:"reviews"}{/if}</td>
							<td class="color-gray {if $item.status eq 'new'} new-metro-status {else} old-metro-status{/if}">{if $item.status eq 'new'}{"Новий"|vars:$lang:"reviews"}{else}{"Оброблений"|vars:$lang:"reviews"}{/if}</td>

							<td class="color-gray"><a href="{$item.change_url}"
													  class="pretty change">{"Змінити"|vars:$lang:"reviews"}</a>

							</td>
						<tr>
							<td class="phone color-gray">{$item.phone}</td>
							<td class="email color-gray">{$item.email}</td>
							{if $item.mall_info.title>''}
								<th class="color-gray adress">{$item.mall_info.title|truncate:50}</th>
							{/if}
						</tr>
						</tr>

						<tr class="review-list-item-row metro-feedback-text clearfix">

							<td class="review-list-item-col review-list-item-col-10">
								{$item.review|strip_tags|truncate:500}
							</td>
							<td class="review-list-item-col review-list-item-col-10">
								{if $item.answer>''}{$item.answer|strip_tags|truncate:500}{else}<span
										class="no-asnwer">{"Без відповіді"|vars:$lang:"reviews"}</span>{/if}
							</td>
						</tr>
						</tbody>
					{/foreach}
				{/if}
				{if $output.navi.pages_total > 1}
					{$output.navi.html}
				{/if}
			</table>

Как это выглядит визуально - joxi.ru/MAjzNGOHwPPOAe

То есть, оглавления не отвечают действительности
В чем может быть проблема?Стили дефолтные

Answer 1

[iBird Rose]

потому что количество th внутри tr должно быть равно количеству td внутри своих tr. а у тебя в thead 7 штук th, а в tbody td не 7 штук внутри своих tr

Answer 2

[dev400]

сделайте несколько пустых , подгоните под все строки. Но я не уверен что это самый лучший способ