Heim > Web-Frontend > Layui-Tutorial > So legen Sie die Hintergrundfarbe der Laui-Tabelle fest

So legen Sie die Hintergrundfarbe der Laui-Tabelle fest

下次还敢
Freigeben: 2024-04-28 22:03:14
Original
796 Leute haben es durchsucht

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.

So legen Sie die Hintergrundfarbe der Laui-Tabelle fest

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>
Nach dem Login kopieren

2. table.init( ) Methode:

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

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

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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage