表格table固定列头
<html>
<head>
<style>
.table-header-fixed>thead th {
position:sticky;
top:0;
background-color:white;
opacity:1;
z-index:10;
}
</style>
</head>
<body>
<div style="overflow-y:auto;max-height:100px">
<table class="table-header-fixed">
<thead>
<tr><th>fixed header</th></tr>
</thead>
<tbody>
<tr><td>v1</td></tr>
<tr><td>v2</td></tr>
<tr><td>v3</td></tr>
<tr><td>v4</td></tr>
<tr><td>v5</td></tr>
</tbody>
</table>
</div>
</body>
</html>
相关推荐
行吟阁 2020-08-09
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
玫瑰小妖 2020-06-07
lyg0 2020-05-28
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
swiftwwj 2020-07-05
pythonclass 2020-06-25
nercon 2020-06-14
pythonclass 2020-06-03
huzijia 2020-05-08
行吟阁 2020-05-11
黎豆子 2020-05-11
玫瑰小妖 2020-05-11
HSdiana 2020-05-10
黎豆子 2020-05-08