选中table一格，实现整行高亮

1、纯css实现，适用于需要HTML尽量简单的情况

<style>
        tr:hover td{
　　　　　　　　　　　　background: #ede;
　　　　　　　　　　}
</style>

　　

<body><table>

　　<tr><th>1</th><th>2</th><th>3</th></tr>

　　<tr class=""><td ><A HREF="#l">A</A></td><td><span id="X">B</span></td><td><span id="Y">C</span></td></tr>

</table></body>

　　tr不支持整行改变css格局，可以使用tr:hover td来限定

时间： 2024-08-30 17:19:30

选中table一格，实现整行高亮的相关文章

Element Table 动态合并 添加整行数据

效果如图所 添加整行数据,前面几列还是合并状态 直接上代码 1 // 获取列表, 2 getTableDataList() { 3 this.tableData3 = [ 4 { 5 all: "a1", 6 name: "名字1", 7 value1: "b1", 8 value2: 1, 9 value3: "2017年-10月" 10 }, 11 { 12 all: "a1", 13 name: &q

在DBGrid中，单击单元格选择整行，双击又可编辑单元格

在设计过程中,有时候数据较大量,field 较多的时候,只是点击单元格可能会对某个field的数据误操作(如数据错行),为此才会想到这个问题,解决办法如下:点击单元格就改当前行颜色. 首先DBGRID的属性做好下设置(其实也是DBGRID默认的属性) DBGrid1->Options->dgEditing=TrueDBGrid1->Options->dgRowSelect=False 一.先在implementation前做如下定义type  TMyDBGrid=class(TDB

如何快速选中某单元格所在的整行或整列 Excel教程

我们可以使用快捷键的操作来快速选中B3单元格所在的整行或整列,操作方法如下,请大家参阅! 一.正规的快捷键操作 ①快速选中整行 按下键盘上的 Shift Space 即同时按下键盘上的Shift 空格键,这样,就能快速选中B3所在行的整行了. 操作方法注意,可先按下Shift不放,再按下空格键,这样更容易选中整行. ②快速选中整列 按下键盘上的 Ctrl Space 即同时按下键盘上的Ctrl 空格键,这样,就能快速选中B3所在行的整列了. 操作方法注意,可选按下Ctrl不放,再按下空格键,这样

Excel小技巧——条件格式标记者某个单元格/整行

这里我主要使用了wps的Excel跟office2003的Excel做测试 一.标注某个单元格(首先选中需要标注的数据源) 使用wps 1.wps本身自带的突显功能 2.使用格式->条件格式 如果是数字可以直接选择"单元格数值"或者使用公式如下图显示标记>50的单元格       以及匹配某种模式 使用office的Excel方式如使用wps中2使用 二.满足某种条件标记整行,使用格式->条件格式->公式   总结:我们可以采用=COUNTIF(,)的模式,标记

EXTJS根据值Value改变gridpanel单元格背景颜色或者设置整行字体颜色

第一步. 设置样式 .reportColor4{background: #93A9C1;}.reportColor5{background: #EEEEEE;} 第二步.修改单元格样式 header : '流通类型',width : 80,sortable : true,align : 'center',dataIndex: 'BR_TYPE',// css : 'background: #acdaf4;', // ----- 设置整个单元格的样式,但是不能根据条件变化renderer:func

c# winform DataGridView单击选中一整行，只能单选，不能选择多行，只能选择一行

c# winform DataGridView单击选中一整行,只能单选,不能选择多行,只能选择一行 设置DataGridView的属性SelectionMode为FullRowSelect?这样就使DataGridView不是选择一个字段,而是选择一整行了? 设置DataGridView的属性MultiSelect为false?这样就使DataGridView不能够选择多行,只能选择一行了 想得到某列的值是要判断DataGridView是否有选中的行 if (dataGridView1.Sele

10.3 鼠标指针经过时整行变色提示的表格

近年来,Web 2.0的概念逐渐被广泛接受,其中很重要的一点是强调改善用户体验,例如上一节的例子中,把表格设置为交替背景色,可以使访问者在浏览表格时有更好的体验. 然而对于长时间审核大量数据和浏览表格的用户来说,即使是隔行变色的表格,长时间阅读这样的表格仍然会感到疲劳.而且对于数据壁很大的表格,特别容易看错行或者列.如果参考微软公司Excel软件的做法,我们就可以发现很多可以改进的地方. 例如,在一个行列都很多的表格中,如果能像在Excel中那样,随时以高亮的方式提示一个单元格对应的行号(或行的

CSS实现的鼠标悬浮整行背景变色代码

CSS实现的鼠标悬浮整行背景变色代码:在新闻列表形式的不居中,为了清晰的分辨每一行,一般当鼠标悬浮在一行上的时候,能够实现当前行整行变色,下面就通过代码实例简单介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/

表格复选框控制行高亮

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格复选框控制行高亮</title> <script src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(