Ant Design Vue修改表格样式

embedded/2025/1/13 7:35:37/

原效果:

修改背景色和字体,包括表头和表体,要分开设置:

javascript">  :deep .ant-table-thead>tr>th {background: rgba(255, 255, 255, 0);//去掉表头背景color: rgb(100, 181, 220);font-weight: bold;border: none;//去掉表头边框}:deep .ant-table {color: aliceblue;font-size: 12px;background: rgba(255, 255, 255, 0);//去掉表格背景}

效果如图:

改变行高,并让文字居中:

javascript">  :deep .ant-table-cell {text-align: center;padding: 5px 0;//单元格内边距}

效果如图:

改变鼠标悬停行背景:

javascript">  :deep .ant-table-tbody {tr {&:hover {td {background: rgba(255, 255, 255, 0.2);//鼠标悬停行背景}}}}

效果如图:

去掉单元格边框:

javascript">  :deep .ant-table-tbody>tr>td {border-bottom: none;//去掉单元格边框}

效果如图:


http://www.ppmy.cn/embedded/101549.html

相关文章

使用Fyne构建Go语言OpenAI API中转测试工具

前言 在这篇博客中,我们将介绍如何使用Go语言和Fyne框架构建一个简易的API工具。该工具允许用户输入API URL和API Key,通过简易的GUI与API进行交互,获取账单信息、模型列表并测试模型。本项目展示了一些实用的Go编程技巧和Fyne的使用方法。 …

【数据结构-前缀异或和】力扣1177. 构建回文串检测

给你一个字符串 s,请你对 s 的子串进行检测。 每次检测,待检子串都可以表示为 queries[i] [left, right, k]。我们可以 重新排列 子串 s[left], …, s[right],并从中选择 最多 k 项替换成任何小写英文字母。 如果在上述检测过程中&#xf…

10080-0-监测文件夹并解压压缩包-支持zip-rar-7z压缩包的解压-不支持子文件夹/密码/多层嵌套压缩包解压-UI

程序功使用环境▶适用的系统环境说明:win7以上64位win系统注意:win32位系统/mac系统需要额外定制▶使用期限:无需注册、不绑电脑、无时间限制▶如何安装:不需要安装程序功能说明▶支持的文件格式:.zip, .rar, .7z▶【以…

JAVA基础面试题总结(十二)——JVM(上)

Java内存区域详解 如果没有特殊说明,都是针对的是 HotSpot 虚拟机。 本文基于《深入理解 Java 虚拟机:JVM 高级特性与最佳实践》进行总结补充 常见面试题: 介绍下 Java 内存区域(运行时数据区) JDK1.7 JDK1.8 线程…

[hostapd]conf配置ht

https://w1.fi/cgit/hostap/plain/hostapd/hostapd.conf “IEEE 802.11n related configuration” 修改配置文件ht_capab字段 函数hostapd_config_ht_capab() /* HT Capabilities Info field within HT Capabilities element */ #define HT_CAP_INFO_LDPC_CODING_CAP ((u16)…

信息打点-Web架构篇域名语言中间件数据库系统源码获取

知识点: 1、打点-Web架构-语言&中间件&数据库&系统等 2、打点-Web源码-CMS开源&闭源售卖&自主研发等 CMS:网站程序源码是可以通过搜索引擎搜索到并且下载的; 闭源售卖:不是一个开源的,要么从内…

Swift中的可选类型:揭开Optional的神秘面纱

标题:Swift中的可选类型:揭开Optional的神秘面纱 Swift语言以其安全性和现代性著称,而可选类型(Optional)是Swift中一个非常重要的特性,它允许开发者以一种非常优雅的方式处理可能不存在的值。本文将深入探…

【计算机网络】计算机网络的性能指标

1B/s 8bps ,MB/s 8Mbps 信道(Channel):表示向某一方向传送信息的通道(信道≠通信线路),一条通信线路在逻辑上往往对应一条发送信道和一条接收信道。