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()
方法動態設置某一行或多行的背景色。