您现在的位置是：网站首页> 编程资料编程资料

解决element-ui的table表格控件表头与内容列不对齐问题_vue.js_

2023-05-24 428人已围观

简介解决element-ui的table表格控件表头与内容列不对齐问题_vue.js_

将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）

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

例如（app.vue）：

1.网上找的办法

将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）

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

2.自己新建css文件common.css，在文件中将上面样式写入

/* 解决element-ui的table表格控件表头与内容列不对齐问题 */ body .el-table th.gutter{ display: table-cell!important; }

3.在main.js文件中引入common.css文件

import '@/style/common.css'

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：JavaScript制作简单计算器功能_javascript技巧_