如何制作合并的html表头

时间:2014-04-15 23:23:20

标签: html html-table

Table head example

如何制作html表头(在链接中),内容后跟1 2 3 4 5 6 7

    <thead>
        <tr>
            <th rowspan="2">No.</th>
            <th rowspan="2">
                <tr>
                    <th colspan="2">
                        AKTA
                    </th>
                </tr>
                <tr>
                    <th>
                        NO
                    </th>
                    <th>
                        TGL
                    </th>
                </tr>
            </th>
            <th rowspan="2">
                KODE
            </th>
        </tr>
    </thead>

1 个答案:

答案 0 :(得分:1)

尝试这样的事情:http://jsfiddle.net/J7R4y/1/

<table>
      <thead>
         <tr>
            <th rowspan="2">No.</th>
            <th colspan="2">AKTA</th>
            <th rowspan="2">KODE</th>
            <th colspan="2">NAMA ALAMAT DAN NPWP</th>
            <th rowspan="2">JENIS &amp; NOMOR HAK</th>
        </tr>
        <tr>
            <th>NO</th>
            <th>TGL</th>
            <th>PENJUAL</th>
            <th>PEMBELI</th>
        </tr>
    </thead>
</table>

我把造型留给了你。 将来,不要将tr元素嵌套在另一个中。