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);
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • startActivityForResult 参数限制[通俗易懂]

    startActivityForResult 参数限制[通俗易懂]publicvoidstartActivityForResult(Intentintent,intrequestCode)ParametersintentTheintenttostart.requestCodeIf>=0,thiscodewillbereturnedinonActivityResult()whentheactivity

  • mysql connector 如何使用_MySQL Connector/Net 的简略使用

    mysql connector 如何使用_MySQL Connector/Net 的简略使用mysqlConnector/Net的简单使用首先,新建工程(WindowsApplication)然后,增加引用(MySql.Data)注意:根据使用.net版本的不同而选择MySql.Data版本之后,放置控件3个TextBox,2个ComboBox,1个DataGridView等等密码框设置下拉框设置数据格设置连接按钮代码:stringconnStr=string.Format…

  • datagrip 2021.10.1 激活码_在线激活[通俗易懂]

    (datagrip 2021.10.1 激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~1STL…

  • docker 入门_docker高级教程

    docker 入门_docker高级教程一、docker概述1.什么是dockerDocker是一个开源的应用容器引擎,基于Go语言并遵从Apache2.0协议开源。Docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化。容器是完全使用沙箱机制,相互之间不会有任何接口(类似iPhone的app),更重要的是容器性能开销极低。Docker从17.03版本之后分为CE(CommunityEdition:社区版)和E..

    2022年10月15日
  • 毕业论文管理系统_本科毕业论文网

    毕业论文管理系统_本科毕业论文网毕业论文管理系统1.首先是个简约的登录页面,登录页面分为三个角色,分别是学生,老师和管理员系统的登录界面2.接下来是用户模块,分别为两个模块教师和学生的,管理员可以进行教师和学生添加和修改。3.系部管理4.文件管理,学生上传的论文,管理员和教师都可以进行下载和查看5.学生模块,学生选题,教师发布的题目学生可以进行选择。学生也可以自己申请题目6.学生申请课题7.论文初稿,学生上传论文初稿,等指导老师通过后才能进行最后的终稿8.学生上传论文,指导老师可以提建议,学生可以查看指导老师的建议9.

    2022年10月29日
  • 工作笔记——使用Jest时遇到的一些问题

    最近公司想要从mocha+karma的前端单元测试方式转换到Jest,然后任务就分配给我了,好吧,在这之前连单元测试是什么都不知道。硬生生的开始写单元测试了,写这篇文章的初衷是因为在配置Jest的过程

发表回复

您的电子邮箱地址不会被公开。

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