1
テーブルの最初の列を固定する位置を固定しています。最初の列のレイアウト(幅と高さ)を他の列と同じにするには、他の列と同じように見えるが、フリーズ状態にする。位置が固定されたhtmlテーブル
<div>
<table>
<tr>
<th class='td1'>h1</th>
<th>h2</th>
<th>h3</th>
</tr>
<tr>
<td class='td1'>D1</td>
<td>D2</td>
<td>D3</td>
</tr>
<tr>
<td class='td1'>D1</td>
<td>D2</td>
<td>D3</td>
</tr>
</table>
</div>
CSS:あなたはこのように
table {
border-collapse: collapse;
border: 1px solid black;
width: 300px;
height: 300px;
}
tr,
td,
th {
border: 1px solid black;
text-align: center;
}
.td1 {
position: fixed;
margin-top: 10px;
margin-left: 10px;
}
div {
width: 200px;
height: 400px;
overflow: auto;
}
使用ブートストラップ・ライブラリー –