给Layui数据表格选中行增加自定义样式,看表格可以更轻松

82次阅读

共计 528 个字符,预计需要花费 2 分钟才能阅读完成。

通过最新版的 Layui 文档可以看到,Layui 本身提供了数据表格的单击、双击事件的监听,那么整体就简单很多。

文档的描述是这样的:

给 Layui 数据表格选中行增加自定义样式,看表格可以更轻松

给 Layui 数据表格选中行增加自定义样式,看表格可以更轻松

可以看到,通过如下方式,即可获取当前行:

1
2
3
4
5
6
table.on(‘row(test)’, function(obj){
  console.log(obj.tr) // 得到当前行元素对象
  console.log(obj.data) // 得到当前行数据
  //obj.del(); // 删除当前行
  //obj.update(fields) // 修改当前行数据
});

如果要改变当前行的颜色,则这样写: