Colspan and Rowspan in th

[yohanes-ai]

For th with tag colspan and rowspan, header line doesn't match with table body.

<table id="myTable02" class="table table-striped table-bordered table-hover table-condensed display" cellspacing="0" width="90%">								
	<thead>
		<tr>
			<th class="table-header-rowspan" rowspan="3">No</th>   
			<th class="table-header-rowspan" rowspan="3">Kode Material</th>
			<th class="table-header-rowspan" rowspan="3">Deskripsi Material</th>
			<th class="table-header-rowspan" rowspan="3">Barcode</th>
			<?php 
				echo "<th colspan='" . ($sizeConvCol + 1) . "'>Counter Box</th>"
			?>
			<th class="table-header-rowspan" rowspan="3">Robot</th>   
			<th class="table-header-rowspan" rowspan="3">Total Scan 1</th>   
			<th class="table-header-rowspan" colspan="2">Batching</th> 
			<th class="table-header-rowspan" rowspan="3">Selisih Counter vs Scan 1</th>   
			<th class="table-header-rowspan" rowspan="3">Selisih (%)</th>     
		</tr> 
		
		<tr> 
			<?php 
				echo "<th colspan='" . ($sizeConvCol) . "'>Conveyor</th>"
			?>
			<th rowspan="2">Total</th>
			<th rowspan="2">Jumlah batching</th>
			<th rowspan="2">Total Output</th>
		</tr> 
		
		<tr> 
			<?php 
				echo $convCol;
			?>
		</tr>
	</thead>
	
	<tbody>
	for($i = 0; $i < 200; $i++){
		echo "<tr style='border:1px solid black'>";
		for($j = 0; $j < 12; $j++){
			echo "<td align='center'>" . $j . "</td>";
		}
		echo "</tr>";   
	}
	</tbody>
</table>

http://www.photobox.co.uk/0x2366014f3ed48cdb8c446774c2063034/album/temporary