本文介绍: 1 表头设置 样式 颜色 边框 –>header–cell–style。3 给容器内部的 table 添加背景色 并设置边框。2 el–side 中列表的 右边边框不显示。4 给table 设置行高。
1 表头设置 样式 颜色 边框 –>header–cell–style
<el-table border
:header-cell-style="{ color: '#FFF', background: '#191919', border: '1px solid #222222' }"
>
/*去掉左侧菜单自带的右侧边框*/
.el-menu-vertical-demo {
// F12 Elments 查看class
border-right: none !important;
}
.main-left /deep/ .el-table {
// 给容器内部的 表格添加背景色
background-color: #191919 !important;
margin: 0; // div 四周不留白
padding: 0; // div 四周不留白
border: 1px solid #222222; // div 边框设置颜色 https://blog.csdn.net/qq_47354826/article/details/116211265
}
.el-main {
line-height: 20px !important; //设置table 表头行高
}
<el-table-column prop="instId" label="名称" width="100px">
<!-- //用插槽的方法来改变颜色! -->
<template slot-scope="scope">
<div style="color: #FEC53F">
<!--下面用 prop 的值-->
{{ scope.row.instId }}
</div>
</template>
</el-table-column>
6 element–ui中使用Container 布局容器时出现白边问题–> app.vue ->设置样式
body{
margin: 0px;
}
参考:解决在element-ui中使用Container 布局容器时出现白边问题_顺晟科技
原文地址:https://blog.csdn.net/tenc1239/article/details/130893667
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_46938.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。