html+css 表格的左右两列固定,中间内容可以左右滑动查看

参考  fixed-table  插件写的,插件demo可以在https://www.lanrenzhijia.com/js/4694.html查看

我用html+css写了一个类似的,原理是写好一个完整表格之后,再写两个固定的列,将其覆盖在完整的表格之上,有弊端,一定要设置行高,否则中间内容换行之后,会比两边固定的列高

html+css 表格的左右两列固定,中间内容可以左右滑动查看_第1张图片

html+css 表格的左右两列固定,中间内容可以左右滑动查看_第2张图片

 


代码如下



	
		
		
		
		
	
	
		
日期 姓名 省份 市区 地址 邮编 操作
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
2016-05-03 王小虎 上海 普陀区 上海市普陀区金沙江路 1518 路 200333 查看 编辑
日期
2016-06-30
2016-06-30
2016-06-30
2016-06-30
2016-06-30
2016-06-30
2016-06-30
2016-06-30

 

你可能感兴趣的:(html+css 表格的左右两列固定,中间内容可以左右滑动查看)