2016-10-09 5 views
-4

私はテーブルを持っていますので、そのテーブルに他のテーブル/ divまたはstmを挿入する必要があります。tr行の下のプライマリテーブルの中に2番目のテーブルを追加するには

table

私はすでに表を作ってきた、と緑の行の下にグレー色のテーブルを挿入する方法がわかりません。私はtd内にテーブルを挿入しようとしましたが、動作しません。それでは、私はdiv:display:tableを使って、大丈夫だと思うけど、価格のセルの配列は悪いです。画像で見られるように、すべての価格(300,343,300)は同じセルサイズでなければなりません。

私はこれをイメージでどのように表示できるかの簡単な例が必要です。私のテーブルは幅:100%です。

なしコードのSRYは、ちょうどあなたが灰色の行のコード例怒鳴るのために使用することができます例

+0

あなたのコードを投稿しますか、してください。 – SeinopSys

+0

あなたの問題を解決するために試したコードは、まずSOに質問を投稿するときに投稿してください。動作していないコードを修正するのに役立ちますが、あなたのためには書きません。ありがとう –

答えて

0

が必要になります。ここでは

<tr> 
    <td></td> 
    <td colspan="8"> your gray table </td> 
    <td></td> 
</tr> 
+0

はい、ほとんど動作しますが、通貨セルは同じサイズではないので、両方のセルに幅プロパティを追加します。 –

0

は、別のテーブル内のテーブルを配置するのは非常に基本的な例です。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
table, th, td { 
 
    border: 1px solid black; 
 
    border-collapse: collapse; 
 
} 
 
th, td { 
 
    padding: 5px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<table> 
 
    <tr> 
 
    <td>Table inside another table 
 
     <table> 
 
     <tr> 
 
      <td>A</td> 
 
      <td>B</td> 
 
     </tr> 
 
     <tr> 
 
      <td>C</td> 
 
      <td>D</td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
</body> 
 
</html>

関連する問題