Heim >Web-Frontend >js-Tutorial >jQuery implementiert die per Maus ziehbare Anpassung der Tabellenspaltenbreite_jquery
jQuery implementiert die per Maus ziehbare Anpassung der Tabellenspaltenbreite_jquery
- PHP中文网Original
- 2017-03-28 16:11:591788Durchsuche
Mit der Maus können Sie die Breite der Tabellenspalten anpassen, wie in der Abbildung gezeigt: 
1. Importieren Sie die Datei:
Kopieren Sie den Code Der Code lautet wie folgt:
TABELLE
Code kopieren Der Code lautet wie folgt:
< ;/thead>
Das obige HTML dient nur als Demo und wird nicht tatsächlich verwendet Mein Projekt, und während des Tests ist es auch nicht zustande gekommen. Deprimiert...
3. Machen Sie die Tabelle ziehbar
Kopieren Sie den Code
Der Code lautet wie folgt:
Bei der Verwendung des Projekts habe ich festgestellt, dass keine Notwendigkeit besteht, store.js < ;th> und es besteht keine Notwendigkeit für data-resizable-column-id Attribute
und $("#myTable").resizableColumns(); können auch Funktionen Erforderliche Datei-Download-Adresse implementieren : http://xiazai.jb51.net/201405 /yuanma/jquery-resizableColumns.zip
Extrahieren Sie jeweils die beiden Dateien
jquery.resizableColumns.js unter jquery-resizable-columns-gh-pagesdist-Pfad
store.js befindet sich im Store.js-Master-Pfad
Stellungnahme：
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
Vorheriger Artikel：JavaScript fügt Datenelemente dynamisch zu Dropdown-Listen hinzu._Javascript-FähigkeitenNächster Artikel：JavaScript fügt Datenelemente dynamisch zu Dropdown-Listen hinzu._Javascript-Fähigkeiten
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse