So legen Sie die Hintergrundfarbe der Laui-Tabelle fest

Die Hintergrundfarbe der Layui-Tabelle kann über die folgenden Methoden festgelegt werden: 1. CSS-Stylesheet; 3. Methode tr.css() In der obigen Methode kann „#f2f2f2“ ersetzt werden mit dem, was Sie wollen. Der Hintergrundfarbwert.

layui Tabellenhintergrundfarbe

layui Die Hintergrundfarbe der Tabelle kann mit den folgenden Methoden festgelegt werden:

1. CSS-Stylesheet:

<code class="css">.layui-table tr td {
  background-color: #f2f2f2;
}</code>

2. table.init( ) Methode:

<code class="javascript">layui.table.init('tableId', {
  elem: '#table',
  cols: [[]],
  style: 'background-color: #f2f2f2;'
});</code>

3. tr.css({ 'background-color': '#f2f2f2' }) Methode:

<code class="javascript">layui.table.on('row', function(obj) {
  obj.tr.css({ 'background-color': '#f2f2f2' });
});</code>

In der obigen Methode kann „#f2f2f2“ durch den Hintergrundfarbwert ersetzt werden Sie wollen.

Detaillierte Beschreibung:

• CSS-Stylesheet: Durch Festlegen der Hintergrundfarbe für die Zellen der Tabelle (tr td) können Sie die Hintergrundfarbe der gesamten Tabelle einheitlich festlegen . tr td）设置背景色，可以统一设置整个表格的背景色。
• table.init() 方法： 在初始化表格时，可以通过 style 选项设置表格的背景色。
• tr.css() 方法： 在表格的 row 事件中，可以通过 tr.css()

table.init()-Methode: 🎜 Beim Initialisieren der Tabelle können Sie die Hintergrundfarbe der Tabelle über die Option style festlegen. 🎜🎜🎜tr.css()-Methode: 🎜 Im row-Ereignis der Tabelle können Sie die Hintergrundfarbe einer Zeile oder mehrerer Zeilen dynamisch über tr.css() Methode . 🎜🎜

Das obige ist der detaillierte Inhalt vonSo legen Sie die Hintergrundfarbe der Laui-Tabelle fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!