【element】改变el-table样式，实现全局滚动，固定表头和表尾

 

后台管理系统，多半都有表格，数据量大的时候，需要固定表头或者底部。

• 因为饿了么是局部滚动的，现在我们需要改饿了么某些样式实现全局滚动

饿了么局部滚动

全局滚动demo

1. 删除height=200
2. 固定表头

流的破坏与保护

1. float float的本质和特性

• 包裹性；
• 块状化并格式化上下文
• 破坏文档流
• 没有任何margin合并

包裹性：假设浮动元素父元素宽度200px，浮动元素子元素是一个128px宽度的图片，则此时浮动元素宽度表现为“包裹”，就是里面图片的宽度128px

 .father{width:200px};
 .float{float:left};
 .float img{width:128px}

 <div> <div> <img src=""> </div> </div>

position:absolute－－无依赖绝对定位

 

https://demo.cssworld.cn/6/5-4.php

https://demo.cssworld.cn/6/5-5.php

问题：一个绝对定位元素，没有任何left/top/right/bottom属性设置，并且其祖先元素全部都是非定位元素，其位置在哪里？

很多人会认为是在浏览器窗口左上方。实际上，还是当前位置，不是在浏览器左上方。

正是这种错误认知导致凡是使用absolute绝对定位的好地方，一定父容器position:relative；同时left/top等属性定位，设置必同时使用z-index属性设置层级。

这是非常严重的认知和使用错误。

absolute是非常独立的css属性值，其样式和行为表现不依赖其他任何css属性就可以完成