【发布时间】：2018-11-09 17:44:51
【问题描述】：
我正在尝试在 HTML 中做一些类似于 Excel 的工作表，但它不起作用。这个想法是修复我的表格的某些列，并在其他列的其余部分放置一个滚动条。我正在寻求帮助，看到一些评论说要把两张桌子放在一张更大的桌子里。我将展示我的示例：
<html>
<head>
<meta charset="utf-8"/>
<title>How can I do a Scroll in a specific part of my screen?</title>
</head>
<body>
<div id="maindiv">
<table id="maintable">
<tbody>
<tr>
<th id="colfixed">
<table id="fixedtable">
<tbody>
<tr>
<th> Name </th>
</tr>
<tr>
<td> Person 1 </td>
</tr>
<tr>
<td> Person 2 </td>
</tr>
<tr>
<td> Person 3 </td>
</tr>
</tbody>
</table>
</th>
<th id="colscroll">
<table id="scrolltable">
<tbody>
<tr>
<th> Day 1 </th>
<th> Day 2 </th>
<th> Day 3 </th>
</tr>
<tr>
<td> 1 </td>
<td> 1 </td>
<td> 1 </td>
</tr>
<tr>
<td> 1 </td>
<td> 1 </td>
<td> 1 </td>
</tr>
<tr>
<td> 1 </td>
<td> 1 </td>
<td> 1 </td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</div>
</body>
<html>
重点是：我希望人们的姓名始终可见，并且天数列的侧滚动条（此示例显示 3 天，但我可能有超过 100 天）。基本上就是这样。如果你们知道任何更好的 HTML 结构来做到这一点，或者如果有一些 CSS 属性可以做到这一点，我会很高兴知道！
（我试图使用一些overflow: scroll 和border-collapse: collapse，但它没有像我预期的那样工作）。
【问题讨论】：
-
您使用了哪些 HTML 元素
overflow和border-collapse？ -
能否请您发布您为此使用的 CSS？谢谢！
标签： html css scroll html-table