如何顯示具有兩個不相等列的html表（想放置滾動條）。例子：column1: 1.pencil2.color3.brushcolumn2:1.ball2.bat 3.wickets 4.field5.players 6.coach7.audience 如何在帶有標頭藝術，板球的html表中顯示這兩列。每列必須有一個滾動條，并且表的大小必須是固定的。有什么方法可以在jupyter筆記本中將其作為輸出來實現。（輸入：兩個列表。輸出：html表，每個列表作為帶有滾動條的列，因為列表中的元素不相等）。
1 回答
jeck貓
TA貢獻1909條經驗 獲得超7個贊
在div中使用兩個表，并使用CSS設置樣式。`
<html>
<head>
<style>
#outer_div {
width: 300px;
height: 100px;
overflow: hidden;
}
table {
display: block;
float: left;
margin: 30px 10px 10px 10px;
overflow: scroll;
}
th {
top:10px;
position: fixed;
}
#arts_table {
height: 100px;
}
#cricket_table {
height: 50px;
}
</style>
</head>
<body>
<div id="outer_div">
<table id="arts_table" class="common_table">
<th>ARTS</th>
<tr>
<td>pencil</td>
</tr>
<tr>
<td>color</td>
</tr>
<tr>
<td>brush</td>
</tr>
<tr>
<td>paint</td>
</tr>
<tr>
<td>paper</td>
</tr>
<tr>
<td>glue</td>
</tr>
</table>
<table id="cricket_table" class="common_table">
<th>CRICKET</th>
<tr>
<td>ball</td>
</tr>
<tr>
<td>bat</td>
</tr>
<tr>
<td>wickets</td>
</tr>
<tr>
<td>field</td>
</tr>
<tr>
<td>players</td>
</tr>
<tr>
<td>coach</td>
</tr>
<tr>
<td>audience</td>
</tr>
</table>
</div>
</body>
</html>
添加回答
舉報
0/150
提交
取消