使用fixed进行表格列冻结之后出现的问题

使用fixed进行表格列冻结之后出现滚动条遮挡

.el-table__fixed {
  bottom: 17px !important;
  height: auto !important;
}

解决了遮挡之后,最后一行还是会有冻结列和非冻结列错位的问题,解决办法如下:

.el-table__fixed-body-wrapper{
  padding-bottom: 18px;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在使用Bootstrap框架开发网页时,经常遇到需要冻结表格表的某些的宽度的问题。这种需求通常出现在需要保持表格表头部固定位置同时滚动内容时。下面介绍一种解决此问题的方法。 首先,我们需要使用Bootstrap的Grid System将表格表分成两个部分:左侧固定的部分和右侧滚动内容的部分。可以使用col-*类将两个部分进行划分。 然后,通过给固定的部分设置固定的宽度来解决冻结宽度的问题。可以使用CSS的width属性来设置宽度值。一般情况下,可以根据表格表中最长的一来确定固定的宽度。 另外,可以使用一些样式来使固定和滚动内容看起来更加连贯。可以使用position:fixed属性来固定的位置,并使用z-index属性将其置于滚动内容之上。 最后,可以使用overflow:auto属性来使滚动内容出现滚动条。这样,当内容过长时,可以通过滚动条来查看隐藏部分。 综上所述,通过使用Bootstrap的Grid System和一些CSS样式,我们可以很好地解决Bootstrap冻结宽度的问题。这种方法能够很好地适应不同屏幕尺寸和响应式布局,并且能够保持表格表的可读性和易用性。 ### 回答2: Bootstrap是一个非常流行的前端框架,但在处理冻结宽度问题上存在一些挑战。 首先,Bootstrap的栅格系统是基于响应式设计的,它将页面划分为12个等宽的,这样可以很好地适应不同屏幕尺寸。然而,如果要实现冻结宽度,就需要考虑到这个特点可能会带来的影响。 一种解决方案是使用Bootstrap的内置工具类来控制的宽度。通过使用col-sm-*、col-md-*、col-lg-*等类来指定各个的宽度,可以实现固定宽的效果。例如,可以将需要冻结设为col-md-2,而其他则设为col-md-10,这样可以保持冻结的宽度不变。 另一种解决方案是使用自定义CSS样式来控制的宽度。通过定义特定的CSS类,并将其应用到需要冻结上,可以实现对宽度的精确控制。例如,可以为冻结添加一个.col-freeze的类,并在CSS中指定其宽度为固定值。 然而,无论使用哪种方法,都需要注意响应式的特点。当屏幕尺寸发生变化时,冻结的宽度可能会受到影响。因此,在处理冻结宽度问题时,需要综合考虑不同屏幕尺寸的适配性。 总的来说,要解决Bootstrap冻结宽度问题,可以利用Bootstrap内置的工具类或自定义CSS样式来控制的宽度。但需要注意响应式的特点,以确保在不同屏幕尺寸下都能实现预期的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值