Rumah > hujung hadapan web > Tutorial Layui > Bagaimana untuk menetapkan warna latar belakang jadual layui

Bagaimana untuk menetapkan warna latar belakang jadual layui

下次还敢
Lepaskan: 2024-04-28 22:03:14
asal
796 orang telah melayarinya

Warna latar belakang jadual Layui boleh ditetapkan melalui kaedah berikut: 1. CSS style sheet; 2. kaedah table.init() 3. Kaedah tr.css() Dalam kaedah di atas, "#f2f2f2" boleh diganti dengan apa yang anda mahu Nilai warna latar belakang.

Bagaimana untuk menetapkan warna latar belakang jadual layui

layui Tetapan warna latar belakang meja

layui Warna latar belakang jadual boleh ditetapkan dengan kaedah berikut:

1. ) kaedah:

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

3. tr.css({ 'warna latar belakang': '#f2f2f2' }) kaedah:

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

Dalam kaedah di atas, "#f2f2f2" boleh digantikan dengan nilai warna latar belakang awak mahu.

Penerangan terperinci:

Helaian gaya CSS:

Dengan menetapkan warna latar belakang untuk sel jadual (tr td), anda boleh menetapkan warna latar belakang keseluruhan jadual secara seragam . Kaedah
  • table.init(): Apabila memulakan jadual, anda boleh menetapkan warna latar belakang jadual melalui pilihan style. tr td)设置背景色,可以统一设置整个表格的背景色。
  • table.init() 方法: 在初始化表格时,可以通过 style 选项设置表格的背景色。
  • tr.css() 方法: 在表格的 row 事件中,可以通过 tr.css()
kaedah tr.css(): 🎜 Dalam acara row jadual, anda boleh menetapkan warna latar belakang baris atau berbilang baris secara dinamik melalui tr.css() kaedah . 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna latar belakang jadual layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan