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

 
后台管理系统,多半都有表格,数据量大的时候,需要固定表头或者底部。
  • 因为饿了么是局部滚动的,现在我们需要改饿了么某些样式实现全局滚动
  1. 删除height=200
  2. 固定表头
流的破坏与保护
  1. float float的本质和特性
  • 包裹性;
  • 块状化并格式化上下文
  • 破坏文档流
  • 没有任何margin合并
包裹性:假设浮动元素父元素宽度200px,浮动元素子元素是一个128px宽度的图片,则此时浮动元素宽度表现为“包裹”,就是里面图片的宽度128px
1 .father{width:200px};
2 .float{float:left}; 
3 .float img{width:128px}
4 
5 <div> <div> <img src=""> </div> </div>

 

 

position:absolute--无依赖绝对定位
 
问题:一个绝对定位元素,没有任何left/top/right/bottom属性设置,并且其祖先元素全部都是非定位元素,其位置在哪里?
很多人会认为是在浏览器窗口左上方。实际上,还是当前位置,不是在浏览器左上方。
正是这种错误认知导致凡是使用absolute绝对定位的好地方,一定父容器position:relative;同时left/top等属性定位,设置必同时使用z-index属性设置层级。
这是非常严重的认知和使用错误。
absolute是非常独立的css属性值,其样式和行为表现不依赖其他任何css属性就可以完成
 

转载于:https://www.cnblogs.com/teemor/p/9662239.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值