css篇- el-table设置列固定fixed后，滚动条无法拖动

最新推荐文章于 2024-04-23 11:04:30 发布
最新推荐文章于 2024-04-23 11:04:30 发布
阅读量3.4k 收藏 3
点赞数 3
文章标签： css elementui vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42440919/article/details/122068688
版权

el-table设置列固定，使用fixed

但是使用fixed后导致fixed列下面的滚动条无法拖动，因为列固定列覆盖了滚动条，导致无效

 解决办法：设置el-table-fixed的height为auto ！important。但是测试后这部分css一直不生效，后来加上/deep/ 生效。

 

 

qq_42440919
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS基础——1.CSS样式
weixin_66370632的博客
04-23 650
CSS 是“Cascading Style Sheet”的缩写，中文意思为“层叠样式表”，用于描述网页的表现形式（例如网页元素的位置、大小、颜色等。css的主要作用是定义网页的样式 CSS样式 1. 行内样式 行内样式：直接定义在 HTML 标签的 style 属性中
固定 table宽度 table-layout: fixed
12-14
为了让表格能够填充屏幕(剩余空白区域)，常将其宽度属性定义为：100%，单元格也是用百分数来定义。 但这样就会出现问题： 如果单元格中的文本超过宽度限制，就会自动换行，高度自动增高，导致整个表格的样式参差不齐，很难看。 很容易想到的解决方法是，禁用文本换行： white-space:nowrap; overflow:hidden; So easy! 但效果仍然出乎意料：文本全部在一行显示，宽度自动加宽，甚至还超出了父容器，overflow完全没有起作用！ 怎么回事？ 百分比的原因么？ 但是如果使用静态的固定宽度，就失去了表格的灵活性。 于是乎，不费吹飞之力地找到了终极解决方案： 固定
el-table设置列fixed时X轴滚动条无法拖动问题
qq_44741577的博客
02-24 331
属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了。组件时，给表格的某些列设置了。属性用来控制一个元素。
el-table 添加右固定列、横向滚动条、竖向滚动条
day_z的博客
03-11 523
el-table在固定列，并且添加滚动条后，可能会出现各种各样的样式错乱问题，比如竖向滚动时固定列不滚动，又或者固定列高度少一截等问题。以下代码可以放在全局scss文件，除此之外还要在。
div包裹页面后多余部分没有显示，也没滚动条 overflow 属性设置
weixin_34221073的博客
03-25 1007
今天弄个div套着一个页面结果那个页面超出范围后页面没有滚动条可以滚动浏览下面的内容，原来是设置了overflow的hidden属性 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被...
【VUE+ElementUI】el-table表格固定列el-table__fixed导致滚动条无法拖动
sunshineTing2的博客
04-03 738
当设置了几个固定列之后，点击左侧滚动条却被遮挡
overflow：scroll滚动条可以拉但是不能滚动
君兮的博客
12-07 2639
overflow：scroll滚动条可以拉但是不能滚动
el-table列增加了fixed后 拖动滚动条无效
Yaince的博客
07-14 3331
el-table设置了fixed固定列导致的滚动条无法拖动问题
解决 el-table 固定列 el-table__fixed 导致部分滚动条无法拖动的问题
Khada_Finger的博客
09-18 2536
关于 el-table 固定列无法拖动问题及解决方案。
el-table固定列不能跟随表格纵向滚动
jsPao的博客
08-10 643
表体单独设置了高度，固定列没有设置导致的问题。关键代码就是新增的那段代码。el-table滚动表格，设置固定列之后，固定列不会随着表格Y轴滚动。
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动
yangshuolll的专栏
10-27 1784
解决当使用element table fix column 固定列时，滚动条在固定列下方无法滚动 在全局css中添加这行代码，提高滚动条在z轴的坐标 .el-table--scrollable-x .el-table__body-wrapper { z-index : 1; } 下附参考文章链接： 参考文章 ...
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
11-20
在使用ElementUI的Table组件中的固定列时，发现当表格刚好显示全，处于临界值状态时，固定列的高度(height)会于表格高度不一致，导致固定列显示不全，出现垂直滚动条。 如上图所示，现在表格下方是未出现水平滚动条...
CSS设置table下tbody的滚动条的实现
09-22
主要介绍了CSS设置table下tbody的滚动条的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
利用纯css实现table固定列与表头中间横向滚动的思路和实例
09-24
主要给大家介绍了关于如何利用纯css实现table固定列与表头，中间横向滚动的相关资料，文中通过示例代码详细的给大家介绍了关于实现该效果的思路与方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们...
tailwindcss-scrollbar:Tailwindcss插件来自定义浏览器滚动条
05-13
tailwindcss-滚动条Tailwindcss插件可自定义浏览器滚动条。安装 # Using npmnpm install -D @gradin/tailwindcss-scrollbar# Using Yarnyarn add -D @gradin/tailwindcss-scrollbar 然后将插件添加到tailwind.config...
bootstrap-table-fixed-columns(css,js)
05-06
如有使用疑问，联系博主 bootstrap-table-fixed-columns.css固定列 冻结列
基于 Flexbox 的纯 CSS 框架：兼容性好、文档丰富 | 开源日报 No.232
开源服务指南
04-23 351
想要快速搭建现代化的网页界面吗？不妨试试基于 Flexbox 技术的现代 CSS 框架 bulma 吧！bulma 提供快速安装方式，兼容性良好，不含 JavaScript 部分，让您的网页在主流浏览器上运行良好。丰富的文档和在线浏览功能，让您快速上手，让网页设计变得更加简单和高效。快来尝试 bulma，让您的网页设计更上一层楼！
【CSS】grid 布局一行自动填充，每行最大限定px
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
04-23 290
【代码】【CSS】grid 布局一行自动填充，每行最大限定px。
el-table fixed固定列对不齐
12-05
为解决el-table中fixed固定列对不齐的问题，可以尝试以下方法： 1. 设置固定列的宽度，可以通过设置min-width和max-width属性来实现，例如： ```html <el-table :data="tableData" style="width: 100%"> <el-table-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值