2016-07-24 57 views
0

4列我需要在一行上顯示組標題,然後在第二行顯示個人標題,然後在嵌套表格下顯示人名的垂直列表。在嵌套表中設置標題和垂直列表

我需要在每一行顯示四列。

I.e.這裏是我想要的一個例子

IBM    DELL   IBM    DELL 
President  President  President  President 
Mr A    Mr D   Mr A    Mr D 
Mr B    Mr E   ..    .. 
Mr C    Mr F 
etc.. 

如何爲此設置HTML?

回答

0

好,如果你想普通的HTML試試這個代碼
嘗試加入TR,TH,TD更多的行標籤和列

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
table { 
 
    font-family: arial, sans-serif; 
 
    border-collapse: collapse; 
 
    width: 100%; 
 
} 
 

 
td, th { 
 
    border: 1px solid #dddddd; 
 
    text-align: left; 
 
    padding: 8px; 
 
} 
 

 
tr:nth-child(even) { 
 
    background-color: #dddddd; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<table> 
 
    <tr> 
 
    <th>IBM</th> 
 
    <th>DELL</th> 
 
    <th>some other</th> 
 
    </tr> 
 
    <tr> 
 
    <td>President</td> 
 
    <td>President</td> 
 
    <td>President</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Mr A</td> 
 
    <td>Mr D</td> 
 
    <td>Mr someguy</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Mr B</td> 
 
    <td>Mr E</td> 
 
    <td>Mr someguy</td> 
 
    </tr></table> 
 

 
</body> 
 
</html>

+0

我離開了一個重要的細節。我的意思是嵌套表格和多列。我編輯了這個問題。對於那個很抱歉。 –

+0

是的,但如何有4列不是一個? –