当前位置: 首页 > 知识库问答 >
问题:

javascript - vue使用elementUI,在自定义滚动条时,table固定列会露出非固列的文字,求求了!怎么解决?

宋健柏
2023-11-02

滚动y滚动条时会出现这个问题

共有3个答案

红甫
2023-11-02

主要原因是使用了fixed,可以尝试添加以下css属性

  .el-table__fixed,  .el-table__fixed-right {    height: 100% !important; // 设置高优先,以覆盖内联样式  }  /* 给左侧固定列设置下边距,主要是解决滚动条不能拖动问题 */  .el-table .el-table__fixed {    height: auto !important;    bottom: 10px !important; /* 具体值是多少根据你横向滚动条的高度进行设置 */  }  /* 给右侧固定列设置下边距,主要是解决滚动条不能拖动问题 */  .el-table .el-table__fixed-right {    height: auto !important;    bottom: 10px !important; /* 具体值是多少根据你横向滚动条的高度进行设置 */  }  /* 去掉固定列下方的横线 */  .el-table__fixed::before,  .el-table__fixed-right::before {    display: none;  }
司马项明
2023-11-02

临时解决的话自己调样式,治标。
这种问题向官方提issue比较好,治本。

下面的老兄说的很对,你的样式影响到的概率很大。建议F12比较一下两边的css差异

龚铭
2023-11-02

官方demo正常的 检查下是不是什么样式影响了

 类似资料:
  • 问题内容: 我目前正在尝试在用户在X轴上滚动时修复表格中的第一列。我正在使用此结构: 用户将选择项目的数量,即表中可能是90个项目。这将需要在X轴上滚动。我得到的问题是: 如何确定(和中的)标记的位置? 我一直在看其他一些线程,但是它们并没有真正解释我如何实现固定列,这使我很难理解代码的作用和应做的事情。 我还检查了人们将标题栏拆分到另一个表中的解决方案。这对我来说是不可能的,因为稍后我会将数据导

  • 问题内容: 我需要在网页上显示一个大表,并且需要防止第一列和第一行滚动。 我想动态设置此表的垂直大小(在某些静态大小的页眉/页脚页面内容之间),以使其尽可能高,而不必强制浏览器窗口具有垂直滚动条。 这仅需要在使用所有/任何版本的现代浏览器中工作:html,css,javascript,jquery 重要顺序: 具有许多表单字段,隐藏值,行的javascript折叠等的复杂表,稍后将添加 第一行将有

  • 我遇到了麻烦,试图隐藏滚动条对某些div。我在论坛上找到了一些解决方案,但它们从来不符合我的情况,所以我仍然在努力解决这个问题。我的问题:我试图隐藏滚动条在一个div嵌套在另一个div的非固定大小。(它们设置为身体的100%)。 以下是HTML: 和CSS: 此处提供代码本 我希望#event-list和#event-details没有滚动条,但仍然是可滚动的。如果你有什么想法(CSS?JS?jQ

  • 中间可以看到后面的字,有缝隙 目前表头所有的都给了这两行代码

  • https://codepen.io/cynthia0329/pen/poBdwEd 如上面例子,但鼠标快速hover的时候,可以截到如下的图,应该是固定列的hover不一致导致的,要如何解决这个问题? 如果鼠标放在普通列,感觉固定列的hover慢了一阵子 如果鼠标放在固定列,则普通列的hover慢了

  • 我正在纠结于应用程序的布局。我只想用HTML&CSS来实现它,但绝望正在逼近。我需要: 固定高度、100%宽度、静态标题 固定高度、100%宽度、静态页脚 固定宽度的内容区域,居中和全部剩余高度 内容区域需要: 两列,均为全高 上面的内容相当简单,但可能需要更改以适应下一部分。 每一列都需要: 静态标头 静态页脚 页眉和页脚之间的可滚动内容区域 我花了一天的时间尝试各种方法(甚至是基于--喘息--