Heim > Web-Frontend > Layui-Tutorial > Einführung in die Methode zum Ausblenden von Spalten in Tabellendatentabellen in Laui

Einführung in die Methode zum Ausblenden von Spalten in Tabellendatentabellen in Laui

Freigeben: 2019-12-27 17:11:21
nach vorne
7710 Leute haben es durchsucht

Einführung in die Methode zum Ausblenden von Spalten in Tabellendatentabellen in Laui

Layui ist derzeit das einzige inländische Vorlagenunternehmen. Die Datentabellenfunktion ist leistungsstark, aber ich weiß nicht, wie ich Python oder Django verwenden soll, um JSON zu verbinden und die Ausgabe an die Daten zu senden Dann bleibt mir nichts anderes übrig, als eine dumme Methode zu verwenden und sie zu durchlaufen.

Die ID-Spalte wird in der Datentabelle beibehalten, um beim Bearbeiten und Ändern den ID-Wert der geänderten Daten zu erhalten. Sie muss jedoch nicht angezeigt werden, sodass sie ausgeblendet werden muss.

Der Code der ID-Spalte lautet:

, cols: [[ //标题栏
                    {field: 'data_id', title: 'ID', width: 50,style:'display:none;'}
Nach dem Login kopieren

Dieser Code kann den Wert der ID-Spalte unten verbergen, aber die ID der Titelleiste ist immer noch vorhanden. Dann tritt das Problem auf. Verwenden Sie eine leistungsstarke JQuery, um das Problem zu lösen.

 $('table.layui-table thead tr th:eq(0)').addClass('layui-hide');
Nach dem Login kopieren

Wenn es mehrere Tabellen gibt, habe ich festgestellt, dass der obige Code nur die Titelleiste der ersten Spalte der ersten Tabelle ausblenden kann. Wenn es mehrere Tabellen auf einer Seite gibt, müssen Sie Folgendes verwenden:

 $('table.layui-table thead tr th:nth-child(1)').addClass('layui-hide');
Nach dem Login kopieren

Es gibt ein weiteres Problem. Wenn in der Tabelle ein Auswahlfeld vorhanden ist, belegt es standardmäßig die erste Spalte der Tabelle. Zu diesem Zeitpunkt tritt ein Fehler auf. Sie können nur drücken, den ersten Code verwenden und einen nach dem anderen auswählen. Beachten Sie, dass die Datentabelle von Lauii automatisch 5 Tabellen generiert:

Einführung in die Methode zum Ausblenden von Spalten in Tabellendatentabellen in Laui

Meine aktuelle Seite enthält nur zwei Tabellen, eine reguläre und eine mit einem Auswahlfeld. Nach der Suche habe ich das dort gefunden sind 10

 $('table:eq(1).layui-table thead tr th:eq(0)').addClass('layui-hide');
$('table:eq(6).layui-table thead tr th:eq(1)').addClass('layui-hide');
Nach dem Login kopieren

Für mehr Laui-Wissen beachten Sie bitte die Spalte Layui-Verwendungs-Tutorial.

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zum Ausblenden von Spalten in Tabellendatentabellen in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
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