更改cell选中后的颜色

 

cell.selectionStyle = UITableViewCellSelectionStyleGray;

本 PPT 介绍了制药厂房中供配电系统的总体概念与设计要点,内容包括: 洁净厂房的特点及其对供配电系统的特殊要求; 供配电设计的一般原则与依据的国家/行业标准; 从上级电网到工厂变电所、终端配电的总体结构与模块化设计思路; 供配电范围:动力配电、照明、通讯、接地、防雷与消防等; 动力配电中电压等级、接地系统形式(如 TN-S)、负荷等级与可靠性、UPS 配置等; 照明的电源方式、光源选择、安装方式、应急与备用照明要求; 通讯系统、监控系统在生产管理与消防中的作用; 接地与等电位连接、防雷等级与防雷措施; 消防设施及其专用供电(消防泵、排烟风机、消防控制室、应急照明等); 常见高压柜、动力柜、照明箱等配电设备案例及部分设计图纸示意; 公司已完成的典型项目案例。 1. 工程背景与总体框架 所属领域:制药厂房工程的公用工程系统,其中本 PPT 聚焦于供配电系统。 放在整个公用工程中的位置:与给排水、纯化水/注射用水、气体与热力、暖通空调、自动化控制等系统并列。 2. Part 01 供配电概述 2.1 洁净厂房的特点 空间密闭,结构复杂、走向曲折; 单相设备、仪器种类多,工艺设备昂贵、精密; 装修材料与工艺材料种类多,对尘埃、静电等更敏感。 这些特点决定了:供配电系统要安全可靠、减少积尘、便于清洁和维护。 2.2 供配电总则 供配电设计应满足: 可靠、经济、适用; 保障人身与财产安全; 便于安装与维护; 采用技术先进的设备与方案。 2.3 设计依据与规范 引用了大量俄语标准(ГОСТ、СНиП、SanPiN 等)以及国家、行业和地方规范,作为设计的法规基础文件,包括: 电气设备、接线、接地、电气安全; 建筑物电气装置、照明标准; 卫生与安全相关规范等。 3. Part 02 供配电总览 从电源系统整体结构进行总览: 上级:地方电网; 工厂变电所(10kV 配电装置、变压
要修改表格或列表中选中行的默认背景色,可以通过多种方式实现,具体取决于使用的前端框架(如 ExtJS、Element UI、Ant Design 等)。以下是一些常见框架的具体方法和 CSS 样式调整示例。 ### ExtJS 6 中修改表格选中行的背景色 在 ExtJS 6 中,如果希望针对某个特定表格修改选中行的背景色,而不是全局更改所有表格的样式,可以通过自定义 `rowStyle` 和鼠标事件来实现。例如: ```javascript Ext.create('Ext.grid.Panel', { // ...其他配置 selModel: { selType: 'checkboxmodel', mode: "MULTI", checkOnly: true }, viewConfig: { getRowClass: function(record, rowIndex, rowParams, store) { return 'custom-row-style'; // 自定义 CSS 类名 } } }); ``` 然后,在 CSS 文件中定义 `.custom-row-style` 类以覆盖默认的选中样式: ```css .custom-row-style .x-grid-row-selected { background-color: #fff !important; /* 设置为白色或其他颜色 */ } ``` 此外,为了处理鼠标悬停时的颜色变化,可以添加如下 CSS: ```css .x-grid-row-over .x-grid-cell { background-color: #f0f0f0 !important; } ``` ### Element UI 中修改表格选中行的背景色 在 Element UI 中,可以通过 CSS 覆盖 `.el-table__row.current-row` 的样式来修改选中行的背景色。例如: ```css .el-table__row.current-row > td { background-color: #ffffff !important; /* 设置为白色或其他颜色 */ } ``` 同时,如果你希望取消鼠标悬停时的高亮效果,可以添加以下 CSS: ```css .el-table__row:hover > td { background-color: transparent !important; } ``` ### Ant Design 中修改表格选中行的背景色 对于 Ant Design 的 `Table` 组件,可以通过设置 `rowClassName` 属性来自定义选中行的类名,并通过 CSS 修改其背景色。例如: ```jsx <Table rowClassName={() => 'custom-ant-table-row'} /> ``` 然后在 CSS 文件中定义该类: ```css .custom-ant-table-row.ant-table-row-selected > td { background-color: #ffffff !important; /* 设置为白色或其他颜色 */ } ``` 同样地,如果需要去除鼠标悬停时的背景色,可以使用以下 CSS: ```css .ant-table-tbody > tr:hover > td { background-color: transparent !important; } ``` ### 使用 JavaScript 动态清除选中行的背景色 如果你希望在点击表格外部区域时清除选中行的背景色,可以通过监听点击事件并操作 DOM 来实现。例如: ```javascript document.addEventListener('click', function(event) { if (!event.target.closest('#myTable')) { var selectedRows = document.querySelectorAll('#myTable .el-table-tr.current-row'); selectedRows.forEach(function(row) { row.className = 'normal hy-table-tr'; // 恢复默认类名 }); } }); ``` 以上方法可以帮助你在不同框架中灵活地修改表格选中行的默认背景色[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值