参考 fixed-table 插件写的,插件demo可以在https://www.lanrenzhijia.com/js/4694.html查看
我用html+css写了一个类似的,原理是写好一个完整表格之后,再写两个固定的列,将其覆盖在完整的表格之上,有弊端,一定要设置行高,否则中间内容换行之后,会比两边固定的列高
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<title></title>
<style type="text/css">
.all .move-table,
.fixed-l,
.fixed-r {
background-color: #D5E4E4;
word-break: keep-all;
width: 100%;
}
.fixed-l th,
.all .move-table th,
.fixed-r th,
.fixed-l td,
.fixed-r td,
.all .move-table td {
width: 250px;
text-align: center;
border: 1px solid #E2E2E2;
height: 40px;
min-width: 220px;
max-width: 210px;
}
.l {
position: absolute;;
z-index: 5;
top: 0;
left: 0;
}
.r {
position: absolute;
z-index: 5;
top: 0;
right: 0;
}
</style>
</head>
<body>
<