解决element-ui的table表格控件表头与内容列不对齐问题
更新时间：2022年07月29日 10:26:35 作者：wwf1225
这篇文章主要介绍了解决element-ui的table表格控件表头与内容列不对齐问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
element-ui的table表格控件表头与内容列不对齐
解决方法
将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）
body .el-table th.gutter{
display: table-cell!important;
}例如（app.vue）：
<template> <div id="app"> <router-view></router-view> </div> </template>
<script>
export default{
name: 'APP'
}
</script><style>
/* 解决element-ui的table表格控件表头与内容列不对齐问题 */
.el-table th.gutter{
display: table-cell!important;
}
</style><style lang="scss"> @import './styles/index.scss'; // 全局自定义的css样式 </style>
el-table表头和表格列宽不一样问题
直接上图
解决办法
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'
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue路由this.route.push跳转页面不刷新的解决方案
这篇文章主要介绍了Vue路由this.route.push跳转页面不刷新的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-07-07
本文主要介绍了Element table 上下移需求的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-07-07
这篇文章主要介绍了Vue3设置Proxy代理解决跨域问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了基于el-tree实现懒加载穿梭条的示例代码,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要介绍了Vue项目设置可以局域网访问，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vue3中的watch()的用法和具体作用,通过合理和熟练使用watch()方法，开发者可以更加高效地完成前端开发工作，需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue.js中created方法作用及mounted和created的区别介绍，需要的朋友可以参考下2018-03-03
这篇文章主要介绍了Vue绑定对象与数组变量更改后无法渲染问题解决,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
本篇文章主要介绍了vue通过watch对input做字数限定的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了在vue中v-for循环遍历图片不显示错误的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-01-01
最新评论