如何改变element-ui中table的样式

news/2024/7/8 4:54:28

有写时候样式写完,需要重新给框架的样式进行覆盖,以便达到我们自己设定的样式,这种样式的覆盖有时候非常麻烦,但是你找到方法了,就会很快。

// 设置el-table的样式
.el-table{
.el-table__header-wrapper{
// .padding_lr(24);
.el-table__header{
.has-gutter{
tr{
background: #FAFAFA;
th{
background: #FAFAFA;
}
th:nth-child(1){
.padding_lr(24);
}
}
}
}
}
.el-table__body-wrapper{
// .padding_lr(24);
.el-table__body{
.el-table__row{
td:nth-child(1){
.padding_lr(24);
}
td:nth-last-child(1){
div{
p{
float:left;
.margin_right(10);
}
}
}
}
.el-table__row:hover>td{
background: rgba(255, 136, 10, 0.1);
}
}
}
.el-table__footer-wrapper{
.has-gutter{
tr{
background: #FAFAFA;
td{
background: #FAFAFA;
}
td:nth-child(1){
.padding_lr(24);
}
}
}
.cell{
color:#FF880A;
}
}
}

可以看出你每次需要改到最内层的td或者th才可以将整个样式给改掉,否则每次写的样式都会被最内层的td或者th给覆盖掉


http://www.niftyadmin.cn/n/2751571.html

相关文章

idea maven查看版本冲突

2019独角兽企业重金招聘Python工程师标准>>> 基于Maven依赖创建的Spring项目,经常会引入多方的依赖JAR包,而多方的依赖JAR包中也会依赖其它相关的JAR包,很容易造成JAR包之间冲突。 解决的工具 Maven Helper: 1、在idea…

73.fileter表案例,NAT表的应用

fileter表案例 要求如下: 只针对filter表,预设策略INPUT链DROP,其他两个链ACCEPT,然后针对192.168.204.0/24开通22端口,对所有网段开放80端口,对所有网段开放21端口。 这个需求不算复杂,但是因为…

【LintCode】Expression Expand 非递归stack完成DFS(String)

这道题真是超级棒的stack DFS样板题啊,在这里给自己写个小小的总结 思路:想到stack并不难,这种嵌套式一般是DFS的思想,先走到最里面最小的那个括号,然后逐渐回到上一层→上一层。又∵非递归,“BFS queue&am…

ubuntu 输入密码后黑屏并且又回到输入密码的地方

好好想想你昨天的所作所为 基本是因为你昨天把哪个文件的权限给了错的人 解决方案 进入文字界面 输入 chown -R username 文件地址 之后恢复正常

VirtualBox与主机共享

2019独角兽企业重金招聘Python工程师标准>>> 主机上创建共享文件夹share,然后右键属性就是这个界面 点击共享到添加这个everyone,点击右下角的“共享”按钮,在弹出的页面上选否。 首先强调我的Virtual Box安装的时centos 执行sudo…

动态路由传参和params传参

动态路由传参和params一起传参的时候, this.$router.push({ path: ‘/home/:id’, params: { type: ‘11’ } }) 在需要参数的页面打印结果,不会出现内容params的内容 所以我猜想,params和path不应该一起使用,应该用params加name…

超频电脑黑屏(超频失败怎么办)

今天我遇到这么个问题 一早开机内存点亮 键盘不亮 鼠标 显示器不亮(这三个有一个不亮 解决思路都一样) 现在的电脑都有智能开机检测 启动失败 会直接进入恢复界面 之后进了bios 把内存频率改回去(我默认2666 一直超在3433稳定运行&#…

修改element-ui的input框踩坑记录

修改input的样式大小时候,给最外层一个div,这个时候给div设置margin-right会出现两个距离。 这个距离的出现是因为el-input内部有个div也具有了margin-right的属性,使得两个距离产生。此刻我们只需要设置一下内部的div的右边界。 .wrap_div{…