(css)清除el-table背景色

(css)清除el-table背景色


效果:


c 复制代码
<el-table
  :data="gridData"
  :header-cell-style="{'text-align':'center','color': '#fff'}"
  :cell-style="{'text-align':'center','color': '#fff' }"
>
  <el-table-column type="index" label="序号" width="50"></el-table-column> 
  ...
</el-table>

css 复制代码
// 表格
/deep/ .el-table,
.el-table__body {
  background: transparent !important;
}
/deep/ .el-table th {
  background-color: transparent !important;
}
/deep/ .el-table tr {
  background-color: transparent !important;
}
//清除鼠标移入效果
/deep/.el-table__body tr.hover-row > td {
  background-color: transparent !important;
}
// 行底边线
/deep/ .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  //   border-bottom: 1px solid #ccc;
}
相关推荐
哆啦A梦15884 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_4 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
SevgiliD4 小时前
el-table中控制单列内容多行超出省略及tooltip
javascript·vue.js·elementui
哆啦A梦15885 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫5 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
爱看书的小沐6 小时前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
罚时大师月色8 小时前
Vue+ts 如何实现父组件和子组件通信
javascript·vue.js·ecmascript
fury_1239 小时前
vue3:数组的.includes方法怎么使用
前端·javascript·vue.js
宁&沉沦9 小时前
Cursor 科技感的登录页面提示词
前端·javascript·vue.js
武天10 小时前
如果使用Vue3.0实现一个 Modal,你会怎么进行设计?
vue.js