Bootstrap表修复了具有自定义列宽的标头

Question

我想用tbody滚动修复bootstrap表中的标题。我搜索了很多结果但还没有得到正确答案。

<table>
<thead>
<tr>
<td width='100'>Sr. No</td>
<td width='200'>Name</td>
<td width='100'>Addr</td>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>Abc</td><td>Mumbai</td></tr>
<tr><td>2</td><td>Pqr</td><td>Mumbai</td></tr>
<tr><td>3</td><td>Lmn</td><td>Mumbai</td></tr>
<tr><td>4</td><td>Xyz</td><td>Mumbai</td></tr>
</tbody>
</table>

Answer 1

.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
}

在第一个TAG中添加此类