Layui表格背景色设置可以通过以下方法:1. CSS样式表;2. table.init()方法;3. tr.css()方法,以上方法中,”#f2f2f2″可以替换为你想要的背景色值。
layui 表格背景色设置
layui 表格的背景色可以通过以下方法设置:
1. CSS 样式表:
.layui-table tr td { background-color: #f2f2f2;}
登录后复制
2. table.init() 方法:
layui.table.init('tableId', { elem: '#table', cols: [[]], style: 'background-color: #f2f2f2;'});
登录后复制
3. tr.css({ ‘background-color’: ‘#f2f2f2’ }) 方法:
layui.table.on('row', function(obj) { obj.tr.css({ 'background-color': '#f2f2f2' });});
登录后复制
以上方法中,”#f2f2f2″ 可以替换为你想要的背景色值。
详细说明:
CSS 样式表: 通过为表格的单元格(tr td)设置背景色,可以统一设置整个表格的背景色。table.init() 方法: 在初始化表格时,可以通过 style 选项设置表格的背景色。tr.css() 方法: 在表格的 row 事件中,可以通过 tr.css() 方法动态设置某一行或多行的背景色。
以上就是layui表格的背景色怎么设置的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3004818.html