鼠标移到表格的行上，行高亮

最新推荐文章于 2021-06-09 21:02:18 发布
最新推荐文章于 2021-06-09 21:02:18 发布
阅读量371 收藏
点赞数
分类专栏： web前端 文章标签： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shiyong2008/article/details/83468184
版权 
<html>
  <head>
    <title>表格行高亮</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
    	/**
    	鼠标移到行上，此行背景变为粉红，鼠标移开，背景颜色消失
    	*/
    	function changeBgcolor(tr,num){
    		if(num==1){

    			 if(tr.bgColor != "yellow"){
    			 		tr.bgColor = "pink";
    			 }    			
    		}else if(num == 2){

    			 if(tr.bgColor != "yellow"){
    			 		tr.bgColor = "";
    			 } 
    		}
    	}

    	//全选
    	function selAll(){
    		var size = 3;//实际的行数

    		if(document.getElementById("checkbox0").checked == true){
					for(i=0;i<size;i++){
    			  if(!document.getElementById("checkbox"+i).checked == true){
    				  document.getElementById("checkbox"+i).checked = true;
    			  }
    			  document.getElementById("line1").bgColor = "yellow";
    			  document.getElementById("line2").bgColor = "yellow";
    		  }	
    		}else{
    			for(i=0;i<size;i++){
    				 document.getElementById("checkbox"+i).checked = false; 
    				 document.getElementById("line1").bgColor = "";
    				 document.getElementById("line2").bgColor = "";
    		  }
    		}
    	}

    	//选中行，行背景颜色变为黄色
    	function selected(checkboxId,trId){
    			if(document.getElementById(checkboxId).checked == true){
    				document.getElementById(trId).bgColor = "yellow";
    			}else{
    				document.getElementById(trId).bgColor = "";
    			}
    	}
    </script>
  </head>

  <body>
    <table border="1">
    	<tr>
    		<td>
    			<input type="checkbox" id="checkbox0" onclick="selAll()">
    		</td>
    		<td>
    			标题
    		</td>
    		<td>
    			内容
    		</td>
    	</tr>
    	<tr id="line1" onmouseover="changeBgcolor(this,1)" onmouseout="changeBgcolor(this,2)">
    		<td>
    			<input type="checkbox" id="checkbox1" onclick="selected('checkbox1','line1')">
    		</td>
    		<td>
    			js技术
    		</td>
    		<td>
    			js非常重要
    		</td>
    	</tr>
    	<tr id="line2" onmouseover="changeBgcolor(this,1)" onmouseout="changeBgcolor(this,2)">
    		<td>
    			<input type="checkbox" id="checkbox2" onclick="selected('checkbox2','line2')">
    		</td>
    		<td>
    			Java学习
    		</td>
    		<td>
    			Java博大精深
    		</td>
    	</tr>
    </table>
  </body>
</html>
justdoit1024
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html表格鼠标高亮行列,JS+CSS实现表格高亮的方法
weixin_35482237的博客
06-09 663
本文实例讲述了JS+CSS实现表格高亮的方法。分享给大家供大家参考。具体如下：这里使用JavaScript+CSS实现表格高亮的功能，实际上类似于隔行换色的效果，说法不同而已，只不过本效果是在鼠标移上时触发，移出结束。运行效果如下图所示：具体代码如下：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">高亮的表格co...
鼠标放在表格上使当前行高亮显示
sytylyl的专栏
11-07 3434
1、css文件： tr.highlight td { background:#8dca83; /*这个将是鼠标高亮行的背景色*/ } 2、html $(function(){ //加载完成 $("#list tr").mouseover(function(){ //如果鼠标移到class为list的表格的tr上时，执行函数 ，给该行添加class
layui的表格table选中数据后更改本行的颜色
10-17
在layui的表格table中，选中某行数据之后更改本行颜色，取消选中后恢复原样式。在layui的表格table中，选中某行数据之后更改本行颜色，取消选中后恢复原样式。
计算机应用基础课件——Excel-电子表格.pptx
06-04
第4章 Excel 电子表格 4.1 Excel基础知识 4.2 单元格数据的输入 4.3 基本操作技巧 4.4 为单元格添加批注 4.5 单元格数据的编辑 4.6 使用条件格式 4.7 设置表格的样式 计算机应用基础课件——Excel-电子表格全文共38页，当前为第1页。 Excel 电子表格 4.8 管理工作表 4.9 单元格引用 4.10 自动求和 4.11 公式的应用 4.12 函数的使用 4.13 使用图表 4.14 数据排序和筛选 计算机应用基础课件——Excel-电子表格全文共38页，当前为第2页。 Excel是一个典型的电子表格制作软件。它不仅可以制作各种表格，而且还可以对表格数据进行分析，根据数据制作图表等。利用Excel，可以很容易地进行库存管理、建立财政开支与收入状况表，以及建立复杂的会计账目等。 在Excel中，一些基本的操作方法与Word大同小异，例如复制、移动和粘贴文本以及撤消和恢复、打印等，本章将不再重复介绍这些类似的功能，读者在学习时可参考第3章的内容。 本章概述 计算机应用基础课件——Excel-电子表格全文共38页，当前为第3页。 4.1 Excel基础知识 4.1.1 窗口的组成 图4.1 Excel窗口 4.1.2 工作簿、工作表、单元格 工作簿 工作表 单元格 计算机应用基础课件——Excel-电子表格全文共38页，当前为第4页。 4.2 单元格数据的输入 下面介绍在单元格输入数据的一般方法与技巧： 输入数据的一般方法 输入数值数据 快速填充重复数据 自动填充重复数据 自动完成输入 计算机应用基础课件——Excel-电子表格全文共38页，当前为第5页。 4.2 单元格数据的输入 注意： 自动完成输入只适用于文本数据，而对于数字数据不起作用。 计算机应用基础课件——Excel-电子表格全文共38页，当前为第6页。 4.3 基本操作技巧 工作表编辑主要是针对单元格、行、列以及整个工作表进行的包括撤消、恢复、复制、粘贴、移动、插入、删除、查找和替换等操作。 计算机应用基础课件——Excel-电子表格全文共38页，当前为第7页。 4.3 基本操作技巧 4.3.1 选定单元格 利用鼠标选择单元格范围 利用键盘选择单元格范围的方法 利用Shift键帮助选择 利用Ctrl键帮助选择 利用名称栏帮助选择 利用【定位】对话框选择 计算机应用基础课件——Excel-电子表格全文共38页，当前为第8页。 4.3 基本操作技巧 4.3.2 复制、粘贴与移动单元格 复制并粘贴单元格 复制并粘贴单元格中特定的内容 移动单元格 4.3.3 插入和删除单元格 插入单元格 插入行或列单元格 删除单元格 删除行或列 计算机应用基础课件——Excel-电子表格全文共38页，当前为第9页。 4.3 基本操作技巧 4.3.4 合并居中单元格 4.3.5 调整单元格的列宽、行高 使用对话框调整列宽与行高 使用鼠标调整列宽或行高 调整最适合的列宽与行高 批量调整列宽 隐藏行或列 计算机应用基础课件——Excel-电子表格全文共38页，当前为第10页。 4.4 为单元格添加批注 为单元格添加批注就是为单元格添加一些注释，当鼠标指针停留在带批注的Excel单元格上时，可以查看其中的每条批注，也可以同时查看所有的批注，还可以打印批注，以及打印带批注的工作表。 图4.27 输入批注 计算机应用基础课件——Excel-电子表格全文共38页，当前为第11页。 4.5 单元格数据的编辑 在工作表中，如果清除单元格，则只是删除了单元格中的内容，但是空白单元格仍然保留在工作表中；而如果通过"删除"单元格内容，则将这些单元格移去并调整周围的单元格填补删除后的空缺。 计算机应用基础课件——Excel-电子表格全文共38页，当前为第12页。 4.5 单元格数据的编辑 4.5.1 设置数字的格式 使用对话框设置数字的格式 使用工具栏设置数字格式 4.5.2 其他设置 可以使用【格式】工具栏中的按钮，或者在【单元格格式】对话框中的【字体】、【边框】、【图案】等选项卡中设置Excel表格的字号、字体、字形、颜色、边框和底 纹等。 计算机应用基础课件——Excel-电子表格全文共38页，当前为第13页。 4.6 使用条件格式 使用条件格式可以根据指定的公式或数值确定搜索条件，然后将格式应用到选定工作范围中符合搜索条件的单元格，并突出显示要检查的动态数据。 计算机应用基础课件——Excel-电子表格全文共38页，当前为第14页。 4.6 使用条件格式 4.6.1 设置条件格式 4.6.2 更改和删除条件格式 更改条件格式的具体操作步骤 计算机应用基础课件——Excel-电子表格全文共38页，当前为第15页。 4.7 设置表格的样式 主要有以下操作： 复制表格样式
DELPHI+表格控件DBGridEh
08-19
一、 DBGridEh（增强型表格组件）功能详解.....................................................................4 二、 应用实例..........................................................................................................................5 1. 定制标题行......................................................................................................................5 1) 制作复杂标题行.......................................................................................................5 2) 按钮式标题..............................................................................................................5 3) 标题行显示图片.......................................................................................................5 4) 如根据不同状态在数据单元格中显示相应图片...................................................5 5) 自动显示标题行的升降排序标志符（▽降序△升序）并做相应排序...............6 6) 点dbgrideh标题排序..............................................................................................7 7) 在 DBGridEH 中怎样实现多重排序(标题出现0123等排列序号)?................11 8) 让dbgrid显示序号................................................................................................11 2. 外观布局........................................................................................................................12 1) 根据不同字段值显示相应的小图片.....................................................................12 2) 显示检查框（checkbox）外观.............................................................................12 3) 显示单、多列下拉列表.........................................................................................12 4) 显示日历下拉列表.................................................................................................13 5) 3D或平面外观效果...............................................................................................13 6) 行头和列头的启用关闭.........................................................................................13 7) DBGrid如何实现透明效果?.................................................................................13 8) 滚动条的各种应用.................................................................................................16 9) 数据行高................................................................................................................19 10) DBGrid设置Rowheight后如何将单元格内容纵向和垂直都居中?..............19 11) 设置DBGridEH自适应列宽的最好方法.........................................................20 12) Ehlib的DBGridEh首列加序号........................................................................21 13) 分行分列、单元格的颜色设置.........................................................................23 14) 点击不同单元格列，执行不同的动作.............................................................27 15) 下拉式计算器.....................................................................................................28 16) 鼠标移到某个单元格，指针形状改变.............................................................28 17) 自动填充网格列宽到网格客户区.....................................................................29
电子表格EXCEL教学设计.doc
02-27
电子表格EXCEL教学设计 "课 题 "编辑与修改EXCEL数据表 "科目 "信息技术 " "年 级 "七年级 "课时 "1课时 "任课教师 "张开珍 " "教学内容 " " "概述 "通过插入、删除行列；调整行高列宽完善上节表格；简单公式" " "的编辑与复制感受Excel功能强大魅力。 " "活 "知识目标 "（1）掌握行、列的增删操作。 " "动 " "（2）掌握拖动鼠标调整行高、列宽。 " "目 " "（3）理解与操作简单公式的编辑与复制 " "标 " " " " "能力目标 "培养学生的操作及小组协作的创新能力 " " "情感目标 "让学生通过动手操作，使其在不断地尝试中， " " " "感受信息技术与生活学习的紧密联系，在学习 " " " "中体验创新的快乐，从而让学生感受学习信息 " " " "技术的意义，以及实事求是评价问题的习惯。 " "重点 "行、列增删及公式编辑与复制操作 " "难点 "公式编辑 " "方法 "任务驱动、小组协作、讲练结合 " "课前 "多媒体课件、把学生上周创作的作品发回小组电脑上 " "准备 " " "活动过程 "教学分析 "活动 " " " "时间 " "活动一 ：复习导入 "〖设计意图〗： "1分钟 " "上节课我们已经学会启动和退出Excel的"在导入新课时，通过复习" " "操作，掌握Excel工作表的编辑环境，简"与积极评价。引出了对本" " "单表格的编辑以及单元格的合并，并且 "节课的学习要求，激励他" " "能准确保存工作簿。从各个小组提交上 "们为得到肯定而努力。这" " "来的作业看，有的小组分工协作做得非 "样，在上课伊始，孩子们" " "常好，完成的作业相当好，很有创新性 "就进入了最佳的学习状态" " "；有的小组还没有正确理解老师所布置 "。 " " "的任务，分析表的设计意图。但是大家 " " " "都能进行表格的编辑并且按照要求保存 " " " "说明都已经很好了掌握上节课的内容。 " " " "下面我们一起来分析一下大家的作品， " " " "通过进一步的学习编辑与修改把我们的 " "10分钟 " "分析表再完善一点。 " " " " "〖设计意图〗： " " "活动二、边分析学生作品，边讲授和演 "以学生实际作品作为新课" " "示新课内容 "讲解的实例更有针对性，" " "1、修改单元格中的数据内容 "学生会更感兴趣听，调其" " "用简练且准确的名称表示各种属性可以 "味口让其发挥。 " " "让人一目了然，但有的我从大家提交的 " " " "作品看有的名称起得不够好，下面我们 " " " "一起来讨论一下看看如何进行修改 " " " " " " " "2、删除行和删除列 " " " "工作表中某行或某列或某单元格区域的 " " " "数据不再使用，可将它们整行、整列或 " " " "选定的单元格区域删除。单元格被删除 " " " "后，原来位于它下方或右侧的行或列， " " " "会顺序上移或左移。 " " " " " " " "3、插入行和插入列 " " " "Excel允许在已有数据行之间插入一行或" " " "多行数据，也可以在数据列之间插入一 " " " "列或多列数据 " " " " " " " "4、拖动鼠标调整行高与列宽 " " " "工作表中单元格在默认行高和列宽的状 " " " "态下是一个排列十分规则的表格。为了 " " " "使单元格调整到满意的宽度我们学习使 " " " "用鼠标拖动的办法调整行高与列宽到适 " " " "当的宽度 "〖设计意图〗： " " " "让学生感受一点Excel的 " " "5、简单公式的编辑与复制 "魅力所在，能帮助我们方" " "I、逐步演示用手工输入公式计算过程："便的解决问题，不需要繁" " " 定位在计算值所在的单元格。 "杂的计算与填充 " " " 在编辑栏上按下等号"="。 " " " " 在编辑栏内输入计算公式；（强调在计" " " "算机中"×""÷"用"*"、"/"表示）。 " " " " 输入完公式后，按编辑栏内的勾（输入" " " "） " " " "II、填充柄的使用。 " " " " 选中已计算好数据的单元格。 " " " " 移动鼠标至右下角的小方块，变成"+" " " " "； " " " " 向下拖动至末个单元格放开。 " " " " " " " "活动三：小组协作探究学习 " " " "大家上周完成的作品我都已经发到各小 " " " "组的电脑上，请大家结合我刚才介绍的 " " " "五个方面内容进行小组协作完成作业， " " " "作品中的各栏目内容大家可以大胆创设 " " " "，最后我们会把大家的精华吸取出来， "〖设计意图〗： " " "形成完整的模板
计算机应用基础作业4.docx
05-25
下列关于Word中分栏的说法不正确的是________。 选择一项： a. 分栏数可以调整 b. 各栏之间的间距不是固定的 c. 各栏的宽度必须相同 d. 各栏的宽度可以不同 正确答案是：各栏的宽度必须相同 题目2 在Word的编辑状态，若要计算表格中一行的平均值，所用的函数应是________。 选择一项： a. INT（） b. AND（） c. SUM（） d. AVERAGE（） 正确答案是：AVERAGE（） 题目3 分栏可以在________选项卡下操作。 选择一项： a. 开始 b. 插入 c. 视图 d. 页面布局 正确答案是：页面布局 题目4 在PowerPoint 2010中，演示文稿可以使用_______命令，使其在转移到其他未安装PowerPoint 2010的计算机上可以放映。 选择一项： a. 保存 b. 另存为 c. 打包 d. 发送 正确答案是：打包 题目5 若需选择整个工作表，可按_______组合键。 选择一项： a. Ctrt+Q b. Shift+A c. Ctrl+A d. Shift+Q 正确答案是：Ctrl+A 题目6 下列关于配色方案的说法中，错误的是_______。 选择一项： a. 幻灯片配色方案是指在PowerPoint中，各种颜色设定了 特定用途 b. 一组幻灯片中可以采用多种配色方案 c. 配色方案是模板中自带的，用户不能更改 d. 用户可以自定义或更改某种配色方案 正确答案是：配色方案是模板中自带的，用户不能更改 题目7 以下各项属于PowerPoint特点的是_______。 选择一项： a. 复杂难学 b. 提供了大量专业化的模板（Template）及剪辑艺术库 c. 编辑能力一般，创作能力差 d. 不能与其他应用程序共享数据 反馈 正确答案是：提供了大量专业化的模板（Template）及剪辑艺术库 题目8 若需选择连续区域，可单击欲选择区域的任一角单元格，然后将鼠标指针移至对角格，按住_______键再单击该单元格。 选择一项： a. Alt b. Ctrl c. Esc d. Shift 正确答案是：Shift 题目9 在幻灯片中以下_______不是合法的"打印内容"选项。 选择一项： a. 讲义 b. 备注页 c. 幻灯片 d. 幻灯片浏览 正确答案是：幻灯片浏览 题目10 下面关于Word中，表格处理的说法错误的是________。 选择一项： a. Word提供了绘制斜线表头的功能 b. 可以将表格中的一个单元格拆分成几个单元格 c. 可以通过标尺调整表格的行高和列宽 d. 不能用鼠标调整表格的行高和列宽 反馈 正确答案是：不能用鼠标调整表格的行高和列宽 题目11 设置页眉和页脚，先选择________选项卡。 选择一项： a. 页面布局 b. 开始 c. 插入 d. 引用 正确答案是：插入 题目12 关于自定义动画，说法正确的是_______。 选择一项： a. 可以调整顺序 b. 以上都对 c. 可以设置动画效果 d. 可以调整速度 正确答案是：以上都对 题目13 在PowerPoint 2010中不可以设置图形元素的_______。 选择一项： a. 阴影设置 b. 叠放层次 c. 三维效果 d. 艺术效果 反馈 正确答案是：艺术效果 题目14 在Word的编辑状态，当前正编辑一个新建文档"文档，当执行"文件"菜单中的"保存"命令后________。 选择一项： a. 弹出 "另存为"对话框，供进一步操作 b. 不能以"文档1"存盘 c. 自动以"文档1"为名存盘 d. 该"文档1"被存盘 正确答案是：弹出 "另存为"对话框，供进一步操作 题目15 采用________做法，不能增加标题与正文之间的段间距。 选择一项： a. 增加第一段的段前间距 b. 增加标题的段前间距 c. 增加标题的段后间距 d. 增加标题和第一段的段后间距 正确答案是：增加标题的段前间距 题目16 在Word中，与打印机输出完全一致的显示视图称为________视图。 选择一项： a. 大纲 b. 主控文档 c. 普通 d. 页面 正确答案是：页面 题目17 如果某单元格显示为"# DIV/0!"，这表示_______。 选择一项： a. 行高不够 b. 列宽不够 c. 公式错误 d. 格式错误 正确答案是：公式错误 题目18 在PowerPoint 2010里，在_______中，可以轻松地按顺序组织幻灯片，进行插入、删除、移动等操作。 选择一项： a. 幻灯片浏览视图 b. 黑白视图 c. 备注页视图 d. 幻灯片放映视图 正确答案是：幻灯片浏览视图 题目19 在Excel 2010工作表中，单击某个含有数据的单元格，当鼠标为向左上方空心箭头时，仅拖动鼠标可完成的操作
html表格鼠标高亮行列,高亮鼠标停留的行和列
weixin_39781186的博客
06-09 270
NamePositionOfficeAgeStart dateSalaryNamePositionOfficeAgeStart dateSalaryTiger NixonSystem ArchitectEdinburgh612011/04/25$320,800Garrett WintersAccountantTokyo632011/07/25$170,750Ashton CoxJunior Tec...
Vue的表格每行划过怎么修改高亮样式
weixin_46605745的博客
09-02 474
这里写自定义目录标题element的表格组件每行划过怎么修改样式如何插入一段漂亮的代码片 element的表格组件每行划过怎么修改样式 如何插入一段漂亮的代码片 // 修改表格每行的颜色 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr{ background: #F8F9FB !important; } //划过的背景颜色 文字颜色改变 .el-table-
html鼠标悬停填充表格,鼠标移到表格上时，鼠标所在行放大高亮显示【实例】...
weixin_29614359的博客
06-03 1408
本文给大家介绍一个比较有趣的CSS Table表格，当鼠标移到表格上时，鼠标所在行放大高亮显示。鼠标所在行放大高亮显示HTML代码html>TableV01*{margin:0px;padding:0px;box-sizing:border-box;}body,html{height:100%;font-family:sans-serif;padding-top:30px;...
DELPHI 表格控件DBGridEh史上最全使用资料(101页)
06-03
一、 DBGridEh（增强型表格组件）功能详解.....................................................................4 二、应用实例..........................................................................................................................5 1. 定制标题行......................................................................................................................5 1) 制作复杂标题行.......................................................................................................5 2) 按钮式标题..............................................................................................................5 3) 标题行显示图片.......................................................................................................5 4) 如根据不同状态在数据单元格中显示相应图片...................................................5 5) 自动显示标题行的升降排序标志符（▽降序△升序）并做相应排序...............6 6) 点dbgrideh 标题排序..............................................................................................7 7) 在DBGridEH 中怎样实现多重排序(标题出现0123等排列序号)? ................ 11 8) 让dbgrid显示序号................................................................................................ 11 2. 外观布局........................................................................................................................12 1) 根据不同字段值显示相应的小图片.....................................................................12 2) 显示检查框（checkbox）外观.............................................................................12 3) 显示单、多列下拉列表.........................................................................................12 4) 显示日历下拉列表.................................................................................................13 5) 3D或平面外观效果...............................................................................................13 6) 行头和列头的启用关闭.........................................................................................13 7) DBGrid如何实现透明效果?.................................................................................13 8) 滚动条的各种应用.................................................................................................16 9) 数据行高................................................................................................................19 10) DBGrid设置Rowheight后如何将单元格内容纵向和垂直都居中?..............19 11) 设置DBGridEH 自适应列宽的最好方法.........................................................20 12) Ehlib 的DBGridEh首列加序号........................................................................21 13) 分行分列、单元格的颜色设置.........................................................................23 14) 点击不同单元格列，执行不同的动作.............................................................27 15) 下拉式计算器.....................................................................................................28 16) 鼠标移到某个单元格，指针形状改变.............................................................28 17) 自动填充网格列宽到网格客户区.....................................................................29 18) 从注册表或ini文件中保存或恢复网格和列的层次。...................................29 3. 编辑功能........................................................................................................................29 1) 多选........................................................................................................................29 2) 文本多行显示.........................................................................................................30 3) 显示备注字段.........................................................................................................30 4) 如何让dbgrideh1 显示数据时只显示两位小数...................................................30 5) 获得当前DBGridEh表中单元格的序号.............................................................30 6) 怎样在dbgridEh和Edit中显示金额的千分号...................................................30 7) end;请问怎么才能使DBGridEh不滚动就能提交数据？...................................32 8) 我怎么把dbgrid 里的数据一次插入到数据库呢................................................32 9) 在DBGrid中可选中行而又可进入编辑状态......................................................32 10) 修正DBGrideh 丢失焦点时自动关闭输入法的问题......................................35 11) DBGRIDEH选定多行删除怎么实现...............................................................36 12) DBGrid 滚动表格的代码...................................................................................37 4. 统计功能........................................................................................................................37 白波九道整理自用版 第 3 页 1) 页脚合计................................................................................................................37 2) 定制表格底部（footer）区域的汇总统计行.......................................................38 3) TDBSumList说明..................................................................................................38 4) 如何工作以及为什么有时SumList的集合值计算不正确？.............................39 5) dbgrideh列求和.....................................................................................................39 5. 数据功能........................................................................................................................40 1) 查找字段点击某列值的下拉按纽弹出一个从数据库取值下拉列表...............40 2) 使用DBGridEh自动过滤实现方法.....................................................................40 3) 使用DBGridEh自动过滤实现方法2 ..................................................................41 4) DBGridEh 控件中使用过滤功能 (适用ehlib 5.2 ehlib 5.3)................................42 5) 支持模糊查询.........................................................................................................43 6) ehlib4.4.50中支持模糊匹配的修改方法..............................................................44 7) EhLib 5.0 Build 5.0.13的过滤字串都是模糊过滤修改.......................................45 8) 滚动条滚动时选择不变，还有自动过滤功能的实现.........................................45 9) 增量搜索................................................................................................................46 10) ehlib总是按两次ctrl+f才出来查找框，怎么办？.........................................46 11) 如何改良dbgrideh的文字过滤........................................................................46 12) 改进DBGrideh 表头点击自动排序,实现双击状态轮流.................................47 13) 改良Ehlib 的排序功能,加快排序速度.............................................................49 14) 在DbGridEh中显示TreeView效果................................................................50 15) DBGridEh-KeyList、PickList............................................................................51 16) 主从表设置........................................................................................................53 17) 在DbGridEh中显示表中表..............................................................................55 6. 输入/输出.......................................................................................................................56 1) 导入导出数据.........................................................................................................56 2) 从多种格式导入/导出数据到TDBGridEh...........................................................57 3) DBGRID 生成EXCEL报表.................................................................................57 4) 使用TPrintDBGridEh 组件.................................................................................61 5) 打印时确定Ehlib定义的报表表头颜色? ............................................................61 6) Ehlib 中的PrintDBGridEh如何印页码,即第几页共几页...................................62 7) 怎么让PrintDBGridEh只打印DbGridEh 中指定的列.......................................62 8) 怎样进行横向打印/ 打印预览？........................................................................62 7. 将存在的DBGrid组件转换为DBGridEh组件...........................................................62 三、EhLib安装问题.............................................................................................................64 1. EhLib 安装步骤.............................................................................................................64 2. EhLib 安装问题（dbsumlst.dcu出错) ..........................................................................64 3. 安装提示找不到.BPL文件...........................................................................................65 四、Delphi 下的优秀表格(Grid)显示控件........................................................................65 1. NextGrid .........................................................................................................................65 2. TopGrid 3.01...................................................................................................................65 3. XLGrid............................................................................................................................66 4. DevExpress ExpressQuantumGrid .................................................................................66 5. TMS Grid Pack...............................................................................................................68 6. EhLib ..............................................................................................................................71 白波九道整理自用版 第 4 页 7. ProfGrid..........................................................................................................................71 8. EasyGrid .........................................................................................................................71 五、delphi 中配置文件的使用（*.ini）.........................................................................71 六、窗口动画效果Animatewindow应用...........................................................................72 七、Delphi Excel to Sql Server..............................................................................................73 八、Delphi控制Excel的经验如下：..................................................................................76
antd table 行点击事件及行高亮显示
Lily_miao的博客
09-04 2万+
1.antd官网表格组件： https://ant.design/components/table-cn/#components-table-demo-dynamic-settings 2.引用antd的表格组件，即： import {Table} from ‘antd’； 渲染表格组件： 说明： （1）rowClassName属性是添加表格行样式属性，此时的this.setCla...
鼠标移动到table，使其在鼠标下面的行高亮显示。
diandian82的专栏
11-16 2069
/////////////////////////////////////////////////////////////////////////////////// 功能：这个类使得被附加的表格可以支持行点击高亮// 参数：//            tbl:                要附加样式的 table.//            selectedRowIndex:    初始高亮的
java鼠标进入高亮效果_Javaweb 鼠标移入移出表格颜色变化的实现
weixin_32964881的博客
02-26 317
最近在学习JavaWeb时，有用到鼠标移动事件，所以今天在这里记录一个相关的案例，同时也是对相关知识的一个巩固，效果为在鼠标移动到表格对应行列时，该行列的背景颜色发生变化。效果如下：其中用到是onmouseover和onmouseou事件t，同时还有一个作用相似的事件叫做onmousemove，所以在这里先对这三种鼠标事件做一个简单的对比：在时间上：如果两个事件同时存在，先是onmousemove...
antd table 行点击事件以及高亮显示选中行的背景颜色
热门推荐
zm_miner的博客
10-12 3万+
需求如图 点击表格某一行选中,修改选中行的背景颜色 查看antd的官方文档 https://ant.design/components/table-cn/ 会发现文档中给出了两个属性 rowClassName 和 onRow rowClassName: 表格行的类名, 如下图: 我通过this.setRowClassName方法添加类名 onRow: 用于给表格添加事件, 如onClic...
【vue】实现表格中特定（报错）单元格高亮
zuo0407的博客
10-19 1191
需求：实现表格中特定（报错）单元格高亮，此处实现为空的单元格高亮 【官方】el-element table组件中使用highlight-current-row属性，只能实现某行高亮，满足不了需求 【优解】使用ref获取对应的dom元素,并对该元素添加样式 先把表弄出来，字段绑定对应的值，并绑定ref，用来定位dom元素 这里用了官方的:highlight-current-row="isHighLight"属性，实现选中行高亮 <template> <div class="card-
el-table移入当前行高亮
最新发布
10-14
要实现el-table移入当前行高亮，可以通过设置row-class-name属性来实现。具体步骤如下： 1. 在el-table标签上添加row-class-name属性，值为一个函数，该函数接收一个参数row，表示当前行的数据对象。 2. 在该函数中，判断当前行是否为鼠标所在行，如果是，则返回一个字符串，表示该行的样式名；如果不是，则返回空字符串。 3. 在样式表中定义该样式名对应的样式，例如设置背景色为黄色等。 示例代码如下： ``` <el-table :data="tableData" row-class-name="tableRowClassName"> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> <el-table-column prop="address" label="地址"></el-table-column> </el-table> ... methods: { tableRowClassName({ row, rowIndex }) { return rowIndex === this.hoverRowIndex ? 'highlight-row' : ''; }, handleMouseEnter(index) { this.hoverRowIndex = index; }, handleMouseLeave() { this.hoverRowIndex = -1; } }, data() { return { tableData: [ { name: '张三', age: 18, address: '北京市' }, { name: '李四', age: 20, address: '上海市' }, { name: '王五', age: 22, address: '广州市' } ], hoverRowIndex: -1 }; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值