elementui固定表头,且表格高度自适应,element table 行高
最近一个项目的后台管理系统，写前端界面的时候用了ElementUI，但是发现自从导入数据表后，表头高度一直很高。那么如何解决这个问题，本文将详细介绍。
目录
前言1。原因二。Solution Vue修改elementUI表格的高度和背景颜色。
前言
最近一个项目的后台管理系统，写前端界面的时候用了ElementUI，但是发现自从导入数据表后，表头的高度一直很高，如下图所示：
我在网页上搜索了许多解决方案，但都不起作用。后来苦了一段时间，这个问题解决了，这里有记载。
提示：以下是本文的主要内容，以下案例可供参考。
一、问题原因
在检查网页中的代码时，发现没有设置表格表头高度的样式，表头的高度只有在line-height属性在。el-main已调整。
原因是在主页中使用了容器布局容器，并且。el-main标签在布局容器中被修改，这导致了极高的标题。
二、解决方法
在中设置行高属性删除或修改为合适的大小即可。el-main标签。
摘要
以上是修改表头的方法。使用布局容器时，首先检查布局容器，然后修改单个组件。之前网上搜的很多方法都解决不了我现在的问题。以后我需要知道问题出在哪里才能解决。
Vue 修改 elementUI table tr th 的高度，以及背景颜色
/*设置表头的背景颜色*/。el-table__header th，el-table__header tr {
背景色：# 17B3A3
颜色：黑色；
}
/*设置表体的高度*/。el-table__body td，el-table__body th{
填充：1px
}
/*设置页眉的高度*/。el-table__header td，el-table__header th{
填充：6px 0px
}
/*设置寻呼机的高度*/。网站包装。El-分页{
边距-顶部：5px
文本对齐：右对齐；
}。寻呼机li.active {
颜色：# 080909；
光标：默认；
背景色：# 17B3A3
边框-半径：2px
}
关于解决元素表头行高问题的这篇文章到此为止。有关元素表格标题行高的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。