So verwenden Sie Laui zum Verschönern von Tabellendatentabellen

Werfen wir zunächst einen Blick auf die verschönerten Renderings:

(Lernvideo-Sharing: HTML-Video-Tutorial)

Spezifische Schritte:

1. Stellen Sie die CSS- und JS-Dateien von Laui vor

<link rel="stylesheet" href="lib/layui/css/layui.css">
<script src="lib/layui/layui.js"></script>

2 . Platzieren Sie ein Tabellenelement auf der Seite

5. Geben Sie den Container über die Methode table.render() an Ist hier, was ist mit dem Rendern von Tabellendaten? Der dritte Teil unseres oben genannten ist eine Methode zum Rendern, die als „Methodenrendering“ bezeichnet wird. Die drei auf der offiziellen Laui-Website bereitgestellten Rendering-Methoden werden hier nicht beschrieben. Der Vorteil des Methodenrenderings besteht darin, dass Sie sich von der HTML-Datei lösen und sich darauf konzentrieren können auf JS selbst. Insbesondere bei häufigen Änderungen und Veröffentlichungen von Projekten ist die Bequemlichkeit offensichtlicher. Die Standard-URL von Laui ist eine „Get“-Anfrage, und hier handelt es sich um eine Post-Anfrage. Denken Sie also daran, das Attribut „method“ zum Posten hinzuzufügen.

6. Logischerweise sollten Sie die Tabellendaten zu diesem Zeitpunkt noch nicht sehen können. Normalerweise liegt es daran, dass Sie das Hintergrunddatenformat nicht konfiguriert haben. Zu diesem Zeitpunkt ist das vom Hintergrund bereitgestellte Datenformat dasselbe wie das von Laui bereitgestellte. Denken Sie daran, Sie können fortfahren Gehen Sie zur offiziellen Website, um dies zu sehen. Keine Erklärung.

layui

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Laui zum Verschönern von Tabellendatentabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!