el-table右固定最后一列显示不全或者是倒数第二列无边框线

这篇具有很好参考价值的文章主要介绍了el-table右固定最后一列显示不全或者是倒数第二列无边框线。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题图片:

el-table右固定最后一列显示不全或者是倒数第二列无边框线,vue.js,elementui,javascript

 解决方式1:

>>>.el-table__row td:not(.is-hidden):last-child {

  border-left:1px solid #EBEEF5;

}

>>>.el-table__header th:not(.is-hidden):last-child{

  border-left:1px solid #EBEEF5;

}

>>>.el-table__header-wrapper tr th:nth-last-child(3){

  border-right:none;

}

>>>.el-table__body-wrapper tr td:nth-last-child(2){

  border-right:none;

}

解决方式二:

若还是无法解决,那么就是因为倒数第二列被覆盖了,最快速简单的方法可以让操作列宽度减少2px一个大概的比例,具体可以自己调整 文章来源地址https://www.toymoban.com/news/detail-795278.html

到了这里,关于el-table右固定最后一列显示不全或者是倒数第二列无边框线的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-table 设置固定宽度弹框

    案例:

    2024年02月05日
    浏览(29)
  • el-table 固定列错位的问题

    问题描述 给el-table表个的操作列设置了固定,即fixed:right,出现了操作列高度与其他列高度不统一 ,导致行错位的情况,如下图: 并且即便重新渲染表格,也无法解决该问题 问题分析 1.将出操作列以外的其他列的代码都注释,会看到表格变成下图: 可以看到左侧一列没有

    2024年02月15日
    浏览(28)
  • el-table组件的el-table-column电脑端使用fixed属性固定,移动端不使用固定,怎么实现?

           要在电脑端使用 fixed 固定列,而在移动端不使用,可以使用 CSS 媒体查询结合 Vue 的动态绑定来实现。以下是一个示例代码:        在上面的示例中,我们使用 isDesktop 数据属性来判断当前设备是否为电脑端。通过监听窗口的 resize 事件,动态更新 isDesktop 的值。然后

    2024年02月15日
    浏览(32)
  • el-table添加固定高度height后高度自适应

    新建目录src/directive/el-table 在el-table目录下新建文件adaptive.js 在el-table目录下新建index.js 在所需使用的vue页面中引入 import adaptive from ‘…/…/…/src/directive/el-table’ 在main.js中引入 在el-table标签中添加属性 v-adaptive:自定义指令,bottomOffset 代表距离底部的距离 height:高度属性,

    2024年02月08日
    浏览(34)
  • vue elementui v-for 循环el-table-column 第一列数据变到最后一个

    这个动态渲染table表格时发现el-table-column 第一列数据变到最后一个 序号被排到后面 代码 修改后

    2024年02月13日
    浏览(32)
  • element-ui 表格el-table高度不是一个固定值时固定表头

    elementui中为表格组件提供了height属性实现固定表头 height可以为数字或者字符串,当为一个数字时表示固定的高度,也可以为百分比等字符串。 当height不是一个固定值时,如期望表格可以填充完页面剩余空间,并且固定表头时,可以通过给height属性赋值字符串形式实现。以页

    2024年01月25日
    浏览(50)
  • el-table(vue2中)滚动条被固定列盖住

      vue2 + el-table         1、现场图片:                          2、全局css环境配置了滚动条高度为 6px         3、el-table设置滚动条为 15px (比全局高9px) el-table固定列(是根据全局滚动条高度计算,导致覆盖掉滚动条9px,只显示6px) 改变el-table固定列的计算

    2024年02月07日
    浏览(33)
  • Element-UI 解决el-table合并行+固定列鼠标浮动高亮问题

    今天在搬砖的时候发现了一个问题,当用el-table组件画表格,并且存在合并行时,鼠标浮动的高亮样式有些问题,如下图。 可以看到虽然已经合并成为了一行但是,高亮部分的显示样式仍然是分家状态。由于我画的表格需要有固定列,虽然百度了一些大神的方法,但是仍然没

    2024年02月11日
    浏览(42)
  • el-table里面存在固定列获取video的ref的时候无法获取原始DOM

    这是通过ref获取的dom实例,却变成了fixed固定出现了表格里面的video的实例 我现在的需求是修改里面的currentTime,但是获取的是固定列的video的ref,修改了,原始video也不会有任何变化 创造一个变量控制fixed的固定列变化 当video里面的 @loadedmetadata=\\\"setInitialTime\\\"修改完数据,再变

    2024年01月19日
    浏览(29)
  • vue2+elementui的el-table固定列会遮住横向滚动条以及错位

    我是最右侧固定列,所以下面的class名称是 .el-table__fixed-right , 如果有左侧固定请自行替换为 el-table__fixed 防止固定列表格高度错位 如果还没有解决错位, 请看你的 el-table__body-wrapper 是不是自己写了 max-height 的样式属性, 这会影响固定列定位的 解决固定列错位后, 接下来就是

    2024年02月02日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包