誰かが私にこのようなテーブルを作成するように案内してもらえますか？これは動的に描画する必要があります。
最初のセルには、データのリストがあるJavaのMapのキーがあります。
td内でtrを使用して3つの行を取得できますか？
1063 次
3 に答える
3
以下のコードを参照してください。
<table>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
于 2012-12-14T14:12:51.007 に答える
1
2つのテーブルとCSSを埋め込むことで目的のテーブルを取得できるもう1つの方法
CSS
.t1{
border:2px solid gray;
border-right: none;
width:100%;
height:400px;
padding:0;
}
.t2{
width:100%;
height:100%;
}
.t2 td{
width:33%;
color:red;
border-right:1px solid black;
border-bottom:1px solid black;
}
.t2 .last td{
border-bottom:none;
}
.c1{
width: 25%;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
height:50%;
}
.c2{
width:75%;
border-left: 2px solid gray;
border-bottom: 2px solid gray;
height:50%;
}
HTML
<table class="t1">
<tr>
<td class="c1"> 2</td>
<td class="c2">
<table class="t2">
<tr>
<td> 1</td>
<td> 2</td>
<td> 3</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="last">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="c1"> 3</td>
<td class="c2">
<table class="t2">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="last">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
以下はjsfiddleのデモです：http：//jsfiddle.net/saidbakr/5ByVd/1/
于 2012-12-14T14:47:57.113 に答える
1
および要素のcolspanおよびrowspanプロパティを使用する必要があります。tdth
于 2012-12-14T14:08:16.217 に答える