vue中使用element-ui里的table中表头与表格出现错位问题

现象：原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。解决方案：找到项目入口文件（敲黑板重点！！），添加全局样式：.el-table th.gutter{display: table-cell!important;}效果：完美啦，看着顺眼多了吧～...

khadijiah

8472人浏览 · 2019-11-14 15:17:23

khadijiah · 2019-11-14 15:17:23 发布

现象：

原因：电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。

解决方案：

找到项目入口文件（敲黑板重点！！），添加全局样式：

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

效果：

完美啦，看着顺眼多了吧～

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^