1. 使用 CSS 进行调整:通过设置表头的行高和文字的垂直居中等样式来调整表头的高度。 ```css .el-table thead tr th { height: 60px; /* 设置表头行高为60px */ line-height: 60px; /* 让文字垂直居中 */ } ``` 2. 使用 element-ui 提供的 slot 自定义表头:通过使用 slot 来自定义表头,可以更...
<divstyle="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=...
主要这4个属性 关系到表格行和表格头的行高 将row相关属性 中的height设置为0 将cell相关属性 中padding设置为0 将td中的padding默认padding:8px 0 去掉 然后利用深度作用选择器 选中行标签 设置自己想要的高度 table上设置 :row-style="{height: '0'}" :cell-style="{padding: '0'}" :header-row-style=...
<el-table :data="tableData" border max-height="200px" :header-cell-style="{background:'#f2f2f2'}" :row-style="iRowStyle"> <el-table-column prop="key" label="键" width="100" align="center"> </el-table-column> <el-table-column prop="value" label="值" align="center"> </...
1.点击“检查”或者F12,找到表头的class2.使用深度选择器v-deep,去掉padding,重新设置高度即可 有用 回复 hfhan 28.9k72241 发布于 2021-11-17 问问题的时候把你的代码贴出来,这样才方便别人通过代码找出你的问题可以看出,设置了的样式是添加到th上的,但是th的高度是由内容撑起来的,所以你要设置内容的高度,这...
2、隐藏表头 el-table 添加属性:show-header :show-header="false" 3、设置行高 <el-tableclass="custom-table":data="talentDemandData"style="margin:10px 2px; padding: 17px 0;position: absolute;left: 10px;top:220px;":show-header="false":cell-style="{'font-size':'14px','font-family':...
改变el-table行高 行高存在最小值 把height 和 padding 设置成0px,行高由内容决定(为内容的高) <el-table :data="djmxListData" :row-style="{height:0+'px'}" :cell-style="{padding:0+'px'}" style="width: 100%"> </el-table>
<el-table ref="table" :data="tableData" border style="width: 100%" :height="tableHeight" @selection-change="handleSelectionChange" :row-style="{ height: rowHeight + 'px' }" :header-cell-style="{ height: headerHeight + 'px' }" ...
<el-table :data="tableData" border max-height="200px" :header-cell-style="{background:'#f2f2f2'}" :row-style="iRowStyle"> <el-table-column prop="key" label="键" width="100" align="center"> </el-table-column> <el-table-column prop="value" label="值" align="center"> </...