layui表格背景色设置可以通过以下方法:1. css样式表;2. table.init()方法;3. tr.css()方法,以上方法中,”#f2f2f2″可以替换为你想要的背景色值。
layui 表格背景色设置
layui 表格的背景色可以通过以下方法设置:
1. CSS 样式表:
<code class="<a href=" https: target="_blank">css">.layui-table tr td { background-color: #f2f2f2; }</code>
2. table.init() 方法:
<code class="javascript">layui.table.init('tableId', { elem: '#table', cols: [[]], style: 'background-color: #f2f2f2;' });</code>
3. tr.css({ ‘background-color’: ‘#f2f2f2’ }) 方法:
<code class="javascript">layui.table.on('row', function(obj) { obj.tr.css({ 'background-color': '#f2f2f2' }); });</code>
以上方法中,”#f2f2f2″ 可以替换为你想要的背景色值。
详细说明:
-
CSS 样式表: 通过为表格的单元格(
tr td
)设置背景色,可以统一设置整个表格的背景色。 -
table.init() 方法: 在初始化表格时,可以通过
style
选项设置表格的背景色。 -
tr.css() 方法: 在表格的
row
事件中,可以通过tr.css()
方法动态设置某一行或多行的背景色。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容