先看效果图-表头背景颜色高度 自定义
<!-- 表头样式 颜色及高度 表格数据-->
<el-table :data="tableData" style="width: 100%"
:header-cell-style="{ background: '#74E77F',padding: '0',borderTop: '1px solid #eaeaea',fontSize:'12px',color:'#808080'}"
:header-row-style="{height:'36px'}"
:row-style="{height:'37px',fontSize:'12px', background: '#17B3A3'}">
<!-- 在这里 👆表的 每个子项 颜色及高度 且必须加下面 样式代码--去掉默认样式用的>
<!-- 忽略-->
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="empName" label="用户名称">
</el-table-column>
</el-table>
样式代码-----别想着加 !important 我也试了不行
如果style 用了 :<style lang="scss">
/* 注意此处不能有scoped 否则样式无法生效 */ 文章来源:https://www.toymoban.com/news/detail-610212.html
那么去掉 ::v-deep 即可正常使用文章来源地址https://www.toymoban.com/news/detail-610212.html
::v-deep.el-table--medium .el-table__cell {
padding: 0px 0;
}
到了这里,关于Vue修改element-admin UI <el-table> tr 表-子项的高度 及背景颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!