1.CSS.success
{
background-color: #dff0d8;
}2.监听行单击事件
table.on('row(datafilter)', function (obj) {//datafilter是table的lay-filter属性
$('.success').removeClass('success'); //去除之前选中的行的，选中样式
$(obj.tr).addClass('success'); //添加当前选中的 success样式用于区别
});当然，如果同一个页面存在多个table，也可以通过操作不同的样式来实现。行点击事件也可以做别的操作。
}

之前boss让我做出点击表格数据行后，数据行变色的效果。从而保留浏览历史。并且指针放在数据行时，鼠标指针要变成手指状。layui文档中没有提供这个方法，只能自己想办法改一改它的css来实现这种效果，从网上综合各种技巧后，我最终做出了这个效果：在点击第四行和第六行，会弹出相关的页面。并且第四行和第六行的背景色会变成灰色，从而提示用户这两行已经看过了。鼠标指针放在数据行上，指针变成手指点击状。从而提醒用户这里是可以点击的！一、layui表格框架实现layui表格的初始化构建，和一些基本功能的实现可以看我另一篇文章二、点击数据行跳转新页面的功能实现点击表格的row可以跳转到相关的页面，可以通过layui数据表格提供的基础方法来实现。table.on('row(test)',function(obj){
var data = obj.data;
window.open("/clewData/clewData.html/"+data.live_time+"/"+data.time+"/"+data.lid+"/"+data.clew_num+"?aid=${aid}");
}
用window.open()函数的原因是让新页面出现在新建的窗口中，如果覆盖现有的窗口，记录浏览历史的功能肯定就用不上。三、点击数据行后数据行背景色变灰先展示代码 layui.use(['table','upload'], function
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
成就一亿技术人!
hope_wisdom 发出的红包
实付元使用余额支付
点击重新获取
钱包余额
0
抵扣说明： 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。余额充值
}