elementUI的table表格表头错位问题解决办法

问题现象:

elementUItable组件在_Windows系统Google浏览器_出现表头的边框和内容的边框错位问题

解决办法:


方法一:添加css样式覆盖

把这样式添加到index.html中、或者app.vue中(必须是入口文件,才能全局起作用!)

body .el-table th.gutter{
    display: table-cell!important;
}

注:在我的项目中有一个项目用这个方法能解决,另外一个项目不能解决。。。采用的方法二


方法二:同样添加css样式覆盖

.el-table--border th.gutter:last-of-type {
  display: block!important;
}

方法三:网上搜的没有尝试过

el-table组件挂载一个ref="configurationTable",然后在每次请求数据成功后动一动表格的默认宽度

this.$refs.configurationTable.$el.style.width = '99.99%'
原文链接:segmentfault.com

上一篇:promise 的实现
下一篇:原生table实现轮询+css修改默认滚动条样式

相关推荐

  • (vuejs学习)2、使用ElementUI(*)

    1.element安装 开发环境是win10,一到node官网下载node的.msi包(https://npm.taobao.org/mirrors/node/v10.16.0/nodev10.16....

    1 年前
  • 防止contenteditable加入<DIV>进入铬

    iConnor(https://stackoverflow.com/users/1907358/iconnor)提出了一个问题:Prevent contenteditable adding on E...

    2 年前
  • 配置electron中puppeteer executablePath的正确姿势

    TL; NR 轻量, remote调用(使用本地chrome) = 将chromium整合进安装包(需要asar打包时排除chromium), macOS下验证失败 = 这个问题在...

    1 年前
  • 通过SortableJS实现elementUItable拖动效果

    背景 目前elmenetUI的表格是不支持拖动的,但表格行拖动要求往往比较常见。通过引入sortableJS可以方便的让elementUI组件中的table支持拖动效果。

    2 个月前
  • 超详细 ElementUI 源码分析 —— Input

    最近在学习 Vue 框架,想深入了解一下组件化开发以及封装组件库的思想,而 ElementUI 作为这方面做的最好的也是最常用的组件库,它的源码一定有很多值得我们去学习的地方,所以去 ElementU...

    3 个月前
  • 读懂immutable-js中的Map数据结构

    本文受深入探究Immutable.js的实现机制(https://juejin.im/post/5b9b30a35188255c6418e67c)这篇文章启发,结合自己对Map源码的解读,谈谈我对im...

    2 年前
  • 详解Immutable及 React 中实践

    有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。

    2 年前
  • 设置光标位置contenteditable <DIV>

    CommunityGONeale(https://stackoverflow.com/users/1/community)提出了一个问题:Set cursor position on contentE...

    2 年前
  • 记录element ui table表格spanMethod动态合并列

    先放几个表格的图看看 表格一: 预览:https://jsfiddle.net/xmwh/2vh...(https://jsfiddle.net/xmwh/2vhuwofm/) element ui...

    2 年前
  • 记录Vue+elementUi的开发过程,小白一枚

    最近公司在用VueelementUi开发后台管理系统,因为新手,所以好多东西理解的不够透彻,上手野也慢,现在自己给自己做下开发的小记录,方便日后查看和纠错,欢迎大家指正。

    2 年前

官方社区

扫码加入 JavaScript 社区