首页 > 其他分享 >JS Layui table 选中行颜色变化

JS Layui table 选中行颜色变化

时间:2022-09-04 09:44:06浏览次数:52  
标签:style Layui tr JS background layui table

table设置lay-filter属性

<table id="dataList" lay-filter="dataList"></table>

监听单击行事件

layui.table.on("row(dataList)",function(obj){
    $(".layui-table-body .layui-table tr").attr({"style":"background:#FFF"});    //其它tr恢复原样(必须在前)
    $(obj.tr.selector).attr({"style":"background:#EEE"});    //改变当前tr颜色(必须在后)
});

效果

 

标签:style,Layui,tr,JS,background,layui,table
From: https://www.cnblogs.com/wcwnina/p/16654301.html

相关文章

  • 了解 React JS 中的服务工作者
    了解ReactJS中的服务工作者如果你处理过前端框架,你无疑听说过服务工作者。如果您不确定它们是什么以及它们的表现如何,我们将在本文中讨论所有这些,希望在本文结束时,您......
  • React.js VS Solid.js,作为初学者,你应该学习哪个?
    React.jsVSSolid.js,作为初学者,你应该学习哪个?作为初学者,哪个框架对您的开发之旅最有帮助?作为第一次接触javascript前端框架的初学者,您可能想知道一些事情,例如,哪个最......
  • FastJson远程命令执行漏洞学习笔记
    FastJson远程命令执行漏洞学习笔记Fastjson简介fastjson用于将JavaBean序列化为JSON字符串,也可以从JSON字符串反序列化到JavaBean。fastjson.jar是阿里开发的一款专门用......
  • 详解iptables
    iptables4表5链1、5链2、4表iptables用法示例1、只允许172.16.0.0网段的机器访问本机的443端口#-A是加到末尾,这种情况万一前面的规则拒绝了,这个规则就......
  • Eclipse配置Tomcat搭建java Web (JSP)开发环境
    配置Tomcat服务1.打开窗口-首选项-Server-RuntiomeEnvironments2.点击ADD,选择对应的Tomcat版本,点击下一步路径选择Tomcat解压后的文件夹目录,点击完成并保存创建动......
  • vue管理后台启动时core.js报错
    vue管理后台启动时报错Thisdependencywasnotfound:*core-js/modules/es.error.cause.jsin./node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js,......
  • js 实现快速排序
    //快速排序//稳定性//快速排序是以两个游标(指针)双向遍历,当两个指针相遇则遍历结束,并将相遇位置与基准值进行交换,递归出口为左游标>=右游标//快速排序的每一轮处理......
  • matlab数据结构之-table2
    table是一种有行和列类似于表的数据结构,每一个都具有易于记忆的标签。表的创建需要有相同长度,且是列的存储方式。使用table()函数创建,以下假设记录病人的姓名、身高和......
  • 说说 JS 的事件循环机制 ?
    执行js代码时,遇到同步任务,直接推入调用栈执行,遇到异步任务,将该任务挂起,等到有返回结果后放到任务队列中;当调用栈中的任务全部执行完成后,这时开始事件循环(Eventloo......
  • JS对后端响应的long类型数据处理精度丢失问题
    1、数据库的数据2、前端拿到的数据前端帮我们进行四舍五入了,这并不是我想要的3、解决办法把后端响应的数据long类型转成string类型,可以使用Stream流的方式或者for循......