layui表格背景色設置可以通過以下方法:1. css樣式表;2. table.init()方法;3. tr.css()方法,以上方法中,”#f2f2f2″可以替換為你想要的背景色值。
layui 表格背景色設置
layui 表格的背景色可以通過以下方法設置:
1. CSS 樣式表:
<code class="<a style='color:#f60; text-decoration:underline;' 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() 方法動態設置某一行或多行的背景色。






