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