Element表格样式背景色、边框、斑马条纹、颜色、文字...

// 修改表格的背景色
.common-table-container .el-table,
.common-table-container .el-table__expanded-cell {//background-color: transparent !important;background-color: #313856;color: #fff;
}
// 去掉表格的边框
.common-table-container .el-table th,
.common-table-container .el-table td {background-color: transparent !important;
}
.assets-table-container .el-table th,
.assets-table-container .el-table td,
.order-table-container .el-table th,
.order-table-container .el-table td
{border: none !important;
}
//修改表格的斑马线
.el-table tr:nth-child(even) {background: #283049}
.el-table tr:nth-child(odd) {background: transparent}//表格文字居中
.audit__table-container .cell {text-align: center !important;
}
//去掉表格单元格边框
.audit__table-container .el-table tr th,
.audit__table-container .el-table tr td{border: none;
}
//表格文字颜色
.audit__table-container .el-table tr td{color: #909399;
}
//表格单元格右边框
.audit__table-container .el-table tr td:not(:last-child) {border-right: 1px solid #eee;
}
//去掉底部的白线
.common-table-container .el-table::before {left: 0;bottom: 0;width: 100%;height: 0px;
}// 表格高度100%
.el-tabs{height: 100%;
}

Element表格样式背景色、边框、斑马条纹、颜色、文字...相关推荐

设置element表格属性（背景透明，颜色，边框...）
/* 整个表格的宽度 */ .tableBox {width: 470px; } /* 标题行的内边距 */ ::v-deep .tableBox th {padding: 3px; } /* 内容行 ...
element表格样式优化
1.表格的两种形式 2.根据官方文档写自己的表格 <div><el-card><div class="title">1.基本数据展示</d ...
element-ui table自定义斑马条纹颜色
1.el-table 加 :row-class-name="xxxTableRowClassName" 2.methods 中加方法 xxxTableRowClassName({r ...
element card样式无边框
使用 :body-style= "{ padding: '0px'}" 属性即可 <el-card :body-style= "{ padding: '0px'}& ...
一、bootstrap4基础（布局系统、栅格系统、显示与隐藏、对齐与排列、内容排版、代码与图文、表格样式、颜色和边框、工具类）
1.1 Bootstrap简单介绍 1.2 Bootstrap结构 1.3 Bootstrap安装和测试 1.4 布局系统 1.5 栅格系统 4.6 栅格等级 1.7 显示与隐藏 1.7 对齐与排列 ...
html表格内框线怎么设置颜色,word表格样式 Word中如何设置表格的边框线样式和颜色...
word表格样式 Word中如何设置表格的边框线样式和颜色,平凡的世界平凡的你,努力学习使我们变得不平凡,今天要介绍的知识是word表格样式的相关知识,你准备好学习word表格样式 Word中如何设置 ...
bootstrap 黑边框表格样式_bootstrap4 使用及常用样式详细整理
引入方式前端项目基于jquery去构建:可以直接引入cdn库,bootstrap4.css.jquery.js.bootstrap4.js 前端项目基于react去构建:bootstrap4.css ...
设置element表格透明样式
1.element table 表格修改背景为透明并去除边框 .el-table{ /* 表格字体颜色 */ color:white; /* 表格边框颜色 */ /* border: 0.5px s ...
Bootstrap——表格（基本实例、表头选项、条纹状表格、带边框的表格、无边框的表格、鼠标指针悬停、紧凑表格、状态类、响应式表格）
在网页制作中,通常会用到表格的鼠标悬停.隔行变色等功能.Bootstrap中提供了一系列表格布局样式,利用该样式可以帮助开发者快速开发出美观的表格,作用于<table>元素的表格样式如下表 ...

Element表格样式背景色、边框、斑马条纹、颜色、文字...

Element表格样式背景色、边框、斑马条纹、颜色、文字...相关推荐

最新文章

热门文章