2016-07-24 6 views
0

1行に「Group Title」を表示し、次に2行目に「Personal Title」を表示し、ネストした表の下に人名の垂直リストを表示する必要があります。ネストした表のセットアップタイトルと垂直リスト

各行に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が複数の行と列

<!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

のためのTR、目、tdのタグを追加するこのコード
試してみてくださいしたい場合、私は重要なディテールを残しました。私はネストされたテーブルと複数のカラムを意味しました。私はその質問を編集した。申し訳ありません。 –

+0

はい、4列を1列にするのはどうですか? –

関連する問題