仿Excel冻结单元格效果

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!-- 设置position:sticky同时给一个(top,bottom,right,left)之一即可使用条件：1、父元素不能overflow:hidden或者overflow:auto属性。2、必须指定top、bottom、left、right4个值之一，否则只会处于相对定位3、父元素的高度不能低于sticky元素的高度4、sticky元素仅在其父元素内生效 --><style>* {margin: 0px;padding: 0px;}.contain {border: 1px solid #cdd;width: 900px;height: 400px;overflow: scroll;position: relative;float: left;top: 100px;left: 250px;}.tb1 {background: palegoldenrod;position: fixed;z-index: 10001;width: 200px;}.tb2 {background: gray;position: sticky;top: 0px;margin-left: 200px;width: 800px;z-index: 1000;}.tb3 {background: gray;left: 0px;height: 100%;float: left;position: sticky;z-index: 1000;width: 200px;}.tb4 {left: 200px;width: 800px;position: absolute;background: mistyrose;}</style></head><body><div class="contain"><div class="tb1">div1</div><div class="tb2">div2</div><div class="tb3">div3</div><div class="tb4">div4</div></div></body>
</html>

仿Excel冻结单元格效果相关推荐

python合并word单元格_python之DataFrame实现excel合并单元格_python
这篇文章主要为大家详细介绍了python之DataFrame实现excel合并单元格,具有一定的参考价值,感兴趣的小伙伴们可以参考一下在工作中经常遇到需要将数据输出到excel,且需要对其中一些单元 ...
Excel的单元格设置下拉选项并填充颜色
如何在Excel的单元格中加入下拉选项方法/步骤第一步:打开excel文档,选中需加入下拉选项的单元格. 第二步:点击菜单中的"数据"->"数据有效性" ...
如何给excel的单元格添加斜线并在对角线
问 如何给excel的单元格添加斜线并在对角线两边添加内容 答 选中要添加斜线表头的单元格点右键选择设置单元格格式点边框选项卡选择边框选项的最后一个对角线即 ...
导出excel此单元格中的数字为文本格式,或者其前面有撇号
前言: 无论大家使用的是java,js,.net等技术导出excel,都会出现下面的问题. 这篇文章只提供解决思路,以及用easyexcel导出的处理方式,其他技术大家可以举一反三. 1.导出exc ...
Java Excel 复制单元格 poi Excel 复制单元格 Java Excel 复制行 Java Excel 复制 sheet 页 poi excel copy
Java Excel 复制单元格 poi Excel 复制单元格 Java Excel 复制行 Java Excel 复制 sheet 页一.前言 1.本文记录 poi excel 实现单元格ce ...
Excel同一单元格多数据如何求平均数
今天小编跟大家分享一下Excel同一单元格多数据如何求平均数 1.打开Excel文件 2.将成绩列数据复制一份到平均分列,并选中平均分列单元格数据 3.点击下图选项(Excel工具箱,百度即可了解详细 ...
html table拓宽,excel拉长单元格_excel调整单元格大小的方法步骤详解
excel在单元格中要输入的数据太多了,二单元格的位置又太小了,怎么办,excel单元格的大小改怎么调,那就有阿呼告诉你两个可靠的方法吧.希望对你有帮助! excel调整单元格大小的方法一 1.打开一 ...
springboot项目导出excel 合并单元格表格
springboot项目导出excel 合并单元格表格导出效果业务controller 业务数据业务实体类注解MyExcel.java 注解 MyExcels 导出工具类MyExcelUtil ...
excel同一个单元格内多行数据拆分成多个单元格多行排列
excel同一个单元格内多行数据拆分成多个单元格多行排列 1.全选表格 2.工具栏选择数据 ->来自表格/区域 3.选择要拆分的列,并点击拆分列 4.上载 1.全选表格 2.工具栏选择数据 -& ...
VBA：Excel选中单元格后，相同值高亮显示
VBA:Excel选中单元格后,相同值高亮显示场景代码释义 Excel中实际执行效果场景在Excel数据核对中,要检查同样的数据在表格里是否重复出现,可以利用重复值筛选的方式,但是重复值筛选这 ...

仿Excel冻结单元格效果

仿Excel冻结单元格效果相关推荐

最新文章

热门文章