ヘッダー、フッター、左右の列が固定された水平および垂直スクロールのテーブルで作業しています。解決に近づいていますが、スタイルに問題があります。
問題
Div を使用し、その中に固定width
とoverflow
非表示のテーブルを配置します。しかし、div にプロパティを適用すると、div 内のwidth
は独自のを失います。ここに私が試してみたいものがありますoverflow
TDs
table
width
<div id="scroll-table">
<div class="row2 col2"><!-- it is center of my table with more data-->
<table>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
<tr>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
</tr>
</table>
</div>
</div>
//スタイル//
* {
background:rgba(0,0,0,.1);
}
.row2.col2 {
width:200px;
overflow:hidden;
}
table td {
width:50px;
}
私も遊んでposition
いますが、成功しません。TD の幅を取得する方法を説明してもらえますか (パディングではありません)。一部の質問と部分的に重複している可能性がありますが、すべて無関係であることがわかりました。