Heim > Web-Frontend > Bootstrap-Tutorial > So ziehen Sie Layoutelemente im Bootstrap

So ziehen Sie Layoutelemente im Bootstrap

Freigeben: 2019-07-30 11:22:34
Original
3524 Leute haben es durchsucht

So ziehen Sie Layoutelemente im Bootstrap

Das Folgende ist die Implementierungsmethode zum Ziehen von Tabellenlayoutelementen im Bootstrap:

Dateien, die benötigt werden importiert werden

So ziehen Sie Layoutelemente im Bootstrap

Einige Orte heißen auch jquery.tablednd.js. Natürlich müssen die CSS- und JS-Tabellen importiert werden Importieren und dann das Plug-In vorstellen. Dieser Artikel basiert auf Seajs und wird gemäß der Seajs-Methode eingeführt.

Dann initialisieren Sie die Tabelle normal und die Attribute, die hinzugefügt werden müssen

So ziehen Sie Layoutelemente im Bootstrap

Fügen Sie dann die folgende Methode in der Initialisierungskonfiguration der Bootstrap-Tabelle hinzu (auf derselben Ebene). als Methode, URL, Spalten)

So ziehen Sie Layoutelemente im Bootstrap

Die von der letzten Methode zurückgegebenen neuen Daten sind natürlich die Tabellenreihenfolge, die es kann kann nur auf die aktuelle Seite gezogen werden

Besonderer Hinweis: Wenn dies nicht gelingt, fügen Sie

useRowAttrFunc: true,

zur Bootstrap-Konfiguration hinzu (auf derselben Ebene wie die Spalten), um dies zu erreichen der Effekt:

So ziehen Sie Layoutelemente im Bootstrap

So ziehen Sie Layoutelemente im Bootstrap

So ziehen Sie Layoutelemente im Bootstrap

Adresse der Einführungsdatei: https://github.com/wangyeky3419/ tablednd.js-bootstrap-table-reorder-rows.js

So ziehen Sie Layoutelemente im Bootstrap

Empfohlen: Bootstrap Erste Schritte Tutorial

Das obige ist der detaillierte Inhalt vonSo ziehen Sie Layoutelemente im Bootstrap. 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