element el-table 设置行高 和表头高度

本文主要是介绍element el-table 设置行高 和表头高度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

element el-table 设置行高 和表头高度

第一种方式 使用css

 <el-table :data="ycList" border class="tableBox"><el-table-column prop="zb" label="异常指标" width="197" /><el-table-column prop="n" label="一个月内" width="119" /><el-table-column prop="s" label="一个月以上" width="119" /><el-table-column prop="h" label="合计" width="119" /></el-table>/deep/.tableBox {th {padding: 0 !important;height: 10px;line-height: 10px;}td {padding: 0 !important;height: 30px;line-height: 30px;}
}

第二种方式el-element-ui的方法
 

<el-tablev-loading="loading"height="calc(100vh - 210px)"class="exporttable":data="userList":header-cell-style="{borderColor: '#01e3ed',background: '#103366',color: '#fff',height: '60px',}":cell-style="{borderColor: '#01e3ed',background: '#1a5ca8',color: '#fff',}":row-style="{ height: '50px' }"><el-table-column type="selection" width="50" align="center" /><el-table-columnlabel="用户姓名"align="center"prop="name"width="120"/></el-table>

这篇关于element el-table 设置行高 和表头高度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---