Heim > Web-Frontend > Bootstrap-Tutorial > Eine kurze Diskussion zum dynamischen Festlegen von Zeilen- und Spaltenfarben in BootstrapTable

Eine kurze Diskussion zum dynamischen Festlegen von Zeilen- und Spaltenfarben in BootstrapTable

青灯夜游
Freigeben: 2021-06-17 18:22:10
nach vorne
3957 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie BootstrapTable die Farbe von Zeilen (rowStyle) und Spalten (cellStyle) dynamisch festlegt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein. 🔜

Eine kurze Diskussion zum dynamischen Festlegen von Zeilen- und Spaltenfarben in BootstrapTable

rowStyle sind Tabellenoptionen (Tabellenkonfiguration);

cellStyle sind Spaltenoptionen (Spaltenkonfiguration).

Optionskonfiguration in Spalten. Der größte Unterschied besteht in der Position der beiden

Verwendungsbeispiele sind wie folgt:

rowStyle: function(row, index) {	
	// 参数说明:
	//row, 行,row.xxx,能获取某个字段的值
	//index,索引,第几行
	
	// 逻辑判断
	// .....
	return  {css:{"background-color":'rgba(245,245,245,0.7)'}};
}
Nach dem Login kopieren

Erklärung:

bezieht sich auf Transparenz,
  • Wenn sich zwei (Zeile und Spalte) Farben überschneiden, in den sich überschneidenden Zellen, Es sind zwei Farben zu erkennen. Wie im Bild unten gezeigt:

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion zum dynamischen Festlegen von Zeilen- und Spaltenfarben in BootstrapTable. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
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