el-table 是 Element UI 框架中的一个表格组件,用于在 Vue.js 项目中展示数据。要设置 el-table 的表头高度,你可以通过两种主要方式来实现: 1. 使用官方提供的属性(如果有) 首先,应该查阅 Element UI 的官方文档,查看是否有直接设置表头高度的属性。不过,Element UI 的 el-table 组件可能不直接提供设置表头高度...
打开F12审查元素,会发现el-table默认带有内边距padding。把这个padding置为0就可以使其变成最矮的高度了。去掉padding就会发现表格的高度就是表格中文字内容撑开的高度。这个的确是最矮的了,如果觉得过于矮了,可以通过上图中的一些属性再去设置高点。 原始图(审查元素) 上图中只审查了表头th,至于表格行td大家自己也...
style="height:90%;overflow-y:scroll"><el-table:data="tableData"style="width: 100%;"row-key="id"border:default-expand-all="false":header-cell-style="{height: '60px'}":tree-props="{children: 'children', hasChildren: 'hasChildren'}"><!-- <el-table-column type="index" align="cent...
<style scoped lang="scss"> // 解决表头固定,出现错位问题 /deep/.el-table { th.gutter, colgroup.gutter { width: 17px !important; //此处的宽度值,对应你自定义滚动条的宽度即可 } } // 关键css代码 /deep/.el-table__header colgroup col[name="gutter"] { display: table-cell !important; }...
设置Element Table表头高度的方法如下: 1.使用CSS样式表 可以通过CSS样式表来设置Element Table表头的高度。具体方法是在样式表中添加以下代码: table th { height: 50px; } 其中,50px是表头的高度值,可以根据实际需求进行调整。这种方法适用于需要对多个表格进行设置的情况。 2.使用HTML标签属性 在HTML中,也可以...
elementui提供的el-table其实挺不错,不过有时候可能还需要对其进行样式的修改。官方也提供了相应的表格属性,方便我们去修改对应的样式,但是有的时候可能会...
<el-table :data="unitList" :header-cell-style="{ <!-- 设置表头的背景色,字体颜色,行高 --> background:'#5E95E8', color:'#FFFFFF', //height:'35px', padding:'2px' }" stripe <!-- 隔行设置颜色 斑马线样式 --> :row-style="{height:'35px'}" <!-- 设置每一行的行高 --> ...
.el-table--border:after, .el-table--group:after, .el-table:before { background-color: #00446B !important; } // 鼠标滑过背景色 .el-table__body tr:hover > td { background-color: transparent !important; } .el-table__body tr.current-row > td { ...