antd table编辑_vue修改组件样式

antd table编辑_vue修改组件样式.ant-table-wrapper{width:98%;height:100%;position:relative;top:30px;}.ant-table{background-color:rgb(9,100,100);color:white;}//表头样式.ant-table-thead>tr>th{background-color:rgb(3,50,50);color:white;}//修改

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

.ant-table-wrapper {
  width: 98%;
  height: 100%;
  position: relative;
  top: 30px;
}
.ant-table {
  background-color: rgb(9,100,100);
  color: white;
}
// 表头样式
.ant-table-thead > tr > th {
  background-color: rgb(3,50,50);
  color: white;
}

// 修改选中行样式
.ant-table-tbody {
  > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{
    background-color: rgb(18, 75, 75) !important;
  }
}
// 去除边框,留右边框 && 表格内容居中 && 行高
.ant-table-tbody > tr > td ,.ant-table-thead > tr > th{
  border-bottom: none;
  border-right: 1px solid #ccc;
  text-align: center !important;
  padding: 10px 10px !important;
}

// 去除表头最右边边框
.ant-table-container table > thead > tr:first-child th:last-child {
  border-right: none;
}
// 去除tbody最右边边框
.ant-table-container table > tbody > tr td:last-child {
  border-right: none;
}
// 暂无数据样式
.ant-empty-description {
  color: white;
}
// 奇数行
.table-color-odd {
  background-color: rgb(9, 100, 100);
}
// 偶数行
.table-color-even {
  background-color: rgb(19, 147, 147);
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/193719.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux的netstat命令_iostat命令详解

    linux的netstat命令_iostat命令详解netstat可以用来查Linx网络系统接口的状态信息,统计信息,打开的socket连接,以及路由表等等。

    2022年9月11日
  • 力扣

    力扣

    2021年5月20日
  • android之Random.nextInt(k)陷阱「建议收藏」

    android之Random.nextInt(k)陷阱「建议收藏」API:Returnsapseudo-randomuniformlydistributedintinthehalf-openrange[0,k). 意思就是说,nextInt的取值是0到k-1,不包括k。

    2022年7月22日
  • mysql递归查询

    mysql递归查询父子查询:根据父id查询下面所有子节点数据;子父查询:根据子id查询上面所有父节点数据;                                                                                                          ————mysql递归查询目录结构: 创建表并添加测试数据 创建…

    2022年6月15日
  • DreamWeaver初学教程

    DreamWeaver初学教程DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始,使用了Opera的排版引擎"Presto"作为网页预览。使用Dreamwea…

    2022年4月28日
  • 备份数据库到本地

    备份数据库到本地

    2021年9月22日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号