layui 动态修改选中行颜色

最新推荐文章于 2025-03-18 15:36:29 发布

微齐天大圣.

最新推荐文章于 2025-03-18 15:36:29 发布

阅读量1.7k

点赞数 1

分类专栏： layui 文章标签： layui 选中行样式 layui 选中行背景颜色

本文链接：https://blog.youkuaiyun.com/qq_39521804/article/details/109855543

版权

layui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于layui框架实现的表格行点击选中效果。通过监听表格的行单击事件，可以为被点击的行动态添加背景颜色，并清除其他行的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

没效果请留言,反正我的是有效果

/*选中行样式*/
.layui-table-click{
    background-color:#ddf2e9 !important;
}

<!-- 数据列表 -->
<table class="layui-hide" id="demo" lay-filter="test"></table>


//监听行单击事件
table.on('row(test)', function(obj){
	//动态添加背景色
	obj.tr.siblings().removeClass('layui-table-click')
	obj.tr.addClass('layui-table-click');
});