使用表格整行作为可点击跳转

HTML

<tbody>
    <tr class="tr-link" onclick="window.document.location = ‘http:\\www.cnblog.com\zyx1314‘">
        <td>1</td>
        <td>forever</td>
        <td>enjoy</td>
    </tr>
</tbody>

CSS

.tr-link:hover { cursor: pointer; }

时间： 2024-08-25 04:51:46

使用表格整行作为可点击跳转的相关文章

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

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

表格增加整行和删除整行

需求: 表格增加整行和删除整行,因为后台数据的特殊性,增加行没有索引. addRow() { if (this.checkBoxData.length > 1 || this.checkBoxData.length < 1) { this.$message.error({ message: "请选择一行进行添加", duration: 2000 }); } else { //因为增加表格没有索引,所以自己做了个 let str = Math.floor(Math.rando

nz-table复选功能改造（整行可选）

如果你用到了nz-table组件,而且有勾选列表的需求时,就可以用该组件自带的nzShowCheckbox勾选属性,用法如下: <nz-table #rowSelectionTable nzShowPagination nzShowSizeChanger [nzData]="" (nzCurrentPageDataChange)="" > <thead> <tr> <th nzShowCheckbox [(nzChecked

ExtJS4.2 Grid知识点四：改变表格Grid行文字颜色,划过Grid行时文字变粗

在ExtJS4.2 Grid知识点一:改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色,接下来在本章学习如何改变Grid中整行文字的颜色,这样就不需要为每列单独定义renderer函数,显示结果如图片: 在线演示 / 示例代码实现方式是在Grid中设置viewConfig属性的getRowClass函数,函数参数列表如下: record: 当前待渲染行数据Model,类型为:Ext.data.Model rowIndex: 当前待渲染行数,类型为:Number rowPa

ExtJS4.2 Grid知识点五：多选行（可以点击行选中记录与只能点击多选框选中记录）

本节主要学习ExtJS4.2 Grid多选行知识,示例图片: 在线演示 / 示例代码主要内容如下: 可以点击行选中记录与只能点击多选框选中记录选中Grid中数据加载到Form 获取Grid中多行数据,生成JSON格式 1.可以点击行来选中记录,此时多选Grid只需要配置selType: 'checkboxmodel',此时有一个缺陷,当你通过多选框勾选多条记录时,如果不小心点击某行,则当前点击行被选中,其它选中的记录行都被取消选择了. 2.只能点击多选框选中记录,此时多选Grid需要配置

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

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

怎样实现在DBGrid中双击选择整行，并且可以多选？谢谢！！

DBGrid1->Options里有个dgMultiSelect,把它设为true就能多选了先设置DBGrid1->options中dgRowSelect = true, dgMultiSelect = true.接着写按下面的写.void __fastcall TForm1::DBGrid1DblClick(TObject *Sender){ keybd_event(VK_CONTROL,0,0,0); //模拟按下CTRL键}//--------------------------

让表格相邻行的颜色不同

先看看效果: 如何让表格相邻行的颜色不同呢? 如何让表格的行的颜色间隔不同呢? 表格的行间隔变色有如下三种方式方式一:使用纯css table.dictionaryList tr:nth-child(2n+3){ background-color:#c0e0f7; } table.dictionaryList tr:nth-child(2n+2){ background-color:#defcfe; } 说明:n从零开始:0,1,2,3.... 没有包含表格的第一行,因为第一

freemarker导出word——让表格数据行数列数自动变化

行数.列数变化只需定义一个List<List<T>> freemarker遍历的话,只需要使用freemarker的标记性语言<#list report.qc_third_agentTable as table2_tr>遍历即可,如图实现的效果 freemarker导出word--让表格数据行数列数自动变化,布布扣,bubuko.com