python:如何显示包含两个不相等列的html表(想要放置一个滚动条)
如何显示包含两个不相等列的html表(希望放置一个滚动条) 例如:python:如何显示包含两个不相等列的html表(想要放置一个滚动条),python,html,parsing,jupyter-notebook,jinja2,Python,Html,Parsing,Jupyter Notebook,Jinja2,如何显示包含两个不相等列的html表(希望放置一个滚动条) 例如: column1: 1.pencil 2.color 3.brush column2: 1.ball 2.bat 3.wickets 4.field 5.players 6.coach 7.audience 如何在一个html表格中显示这两列,标题为art,cricket。每列必须有一个滚动条,表格大小必须固定。有没有办法在jupyter笔记本中作为输出实现这一点。(输入:两个列表。输出:html表
column1:
1.pencil
2.color
3.brush
column2:
1.ball
2.bat
3.wickets
4.field
5.players
6.coach
7.audience
如何在一个html表格中显示这两列,标题为art,cricket。每列必须有一个滚动条,表格大小必须固定。有没有办法在jupyter笔记本中作为输出实现这一点。(输入:两个列表。输出:html表格,每个列表作为一列,带有滚动条,因为列表中的元素不相等)
请帮忙。多谢各位 在一个div中使用两个表,并使用CSS设置样式。 `
#外分区{
宽度:300px;
高度:100px;
溢出:隐藏;
}
桌子{
显示:块;
浮动:左;
保证金:30px 10px 10px 10px;
溢出:滚动;
}
th{
顶部:10px;
位置:固定;
}
#艺术桌{
高度:100px;
}
#板球桌{
高度:50px;
}
艺术
铅笔
颜色
刷
油漆
纸张
胶
板球
球
蝙蝠
小门
领域
球员
教练
观众
`如何固定标题。这些标题与内容一起滚动。通过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>