antd table编辑_vue修改组件样式
2023-06-13 09:13:49 时间
.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);
}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- Vue专题 05_详解vue生命周期的每个节点
- Vue父子组件传值的Demo「建议收藏」
- 这个牛逼了,基于(SpringBoot+VUE)实现的自定义拖拽式智能大屏
- vue分页组件动态页码_怎样分页设置页码
- 在 Vue 中,子组件为何不可以修改父组件传递的 Prop
- vue组件高级(下)
- Vue中使用zTree插件实现文件多选
- Vue 组件基础
- VUE组件封装_vue使用组件
- vue 组件插槽_vue插槽的使用
- vue 父组件调用子组件的函数_vue子组件触发父组件方法
- vue分页组件
- Vue组件是怎样挂载的_2023-02-27
- 2023前端二面高频vue面试题集锦1
- vue.js客服系统实时聊天项目开发(五)flex布局实现输入框区域
- vue笔记
- 3. 「vue@2.6.11 源码分析」vue.js 首次执行做了哪些事情
- vue.js 路由参数传给组件详解编程语言
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- 构建基于Vue与Redis的高性能缓存系统(VUE redis缓存)