HTML colspan和rowspan問題

Question

我在HTML colspan和rowspan遇到問題，我想合並第一列（名稱）和最后一列（電話），但這給了我不想要的結果。 結果就是我想要的：

這是我得到的：

我的代碼：

 <table> <tr> <th colspan="3">Name</th> <th rowspan="2">Age</th> <th colspan="2">Telephone</th> </tr> <tr> <th>First name</th> <th>Middle name</th> <th>Last name</th> </tr> <tr> <th>pre</th> <th>post</th> </tr> <tr> <td>Jill</td> <td>David</td> <td>Smith</td> <td>50</td> <td>055</td> <td>5778541</td> </tr> <tr> <td>Roben</td> <td>Jill</td> <td>Adam</td> <td>35</td> <td>050</td> <td>5577854</td> </tr> </table> 

Answer 1

將rowspan更改為colspan並固定colspan的值

 <table border=1> <tr> <th colspan="3">Name</th> <th colspan="1">Age</th> <th colspan="2">Telephone</th> </tr> <tr> <th>First name</th> <th>Middle name</th> <th>Last name</th> <th></th> <th>pre</th> <th>post</th> </tr> <tr> <td>Jill</td> <td>David</td> <td>Smith</td> <td>50</td> <td>055</td> <td>5778541</td> </tr> <tr> <td>Roben</td> <td>Jill</td> <td>Adam</td> <td>35</td> <td>050</td> <td>5577854</td> </tr> </table> 

Answer 2

在第二行中，您必須填充所有列。

 <table> <tr> <th colspan="3">Name</th> <th rowspan="1">Age</th> <th colspan="2">Telephone</th> </tr> <tr> <th>First name</th> <th>Middle name</th> <th>Last name</th> <th></th> <th>pre</th> <th>post</th> </tr> <tr> <td>Jill</td> <td>David</td> <td>Smith</td> <td>50</td> <td>055</td> <td>5778541</td> </tr> <tr> <td>Roben</td> <td>Jill</td> <td>Adam</td> <td>35</td> <td>050</td> <td>5577854</td> </tr> </table> 

Answer 3

只需在Pre＆post之前添加4個空白的標題標簽，就像這樣的代碼：

<table>
            <tr> 
                <th colspan="3">Name</th>
                <th rowspan="2">Age</th>
                <th colspan="2">Telephone</th>
            </tr>
            <tr>
                <th>First name</th>
                <th>Middle name</th>
                <th>Last name</th>
            </tr>
            <tr>
                <th></th>
                <th></th>
                <th></th>
                <th></th>
                <th>pre</th>
                <th>post</th>
            </tr>
            <tr> 
                <td>Jill</td>
                <td>David</td>
                <td>Smith</td> 
                <td>50</td>
                <td>055</td>
                <td>5778541</td>  
            </tr> 
            <tr> 
                <td>Roben</td>
                <td>Jill</td> 
                <td>Adam</td> 
                <td>35</td>
                <td>050</td>
                <td>5577854</td>
            </tr>
        </table>