如何显示具有两个不相等列的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
提交
取消