固定表头和列的 HTML 原生表格
最编程
2024-03-26 18:36:26
...
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div class="table_detail_wrapper">
<table class="table">
<thead>
<tr>
<th>我是固定的表头</th>
<th>我是固定的表头</th>
<th>我是固定的表头</th>
<th>我是固定的表头</th>
<th>我是固定的表头</th>
</tr>
</thead>
<tbody>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
<tr class="tr-row">
<td class="td-column td--column--1">我是固定的列</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
<td class="td-column">我是td中的内容</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
上一篇： 使用 Excel 冻结窗口的三种方法
下一篇： Excel 冻结多行