Sortierfunktion für HTML-Tabellen per Mausklick

Sortierfunktion für HTML-Tabellen per Mausklick

Effektbild:

1. Dateien importieren

 <script src="js/jquery-1.10.1.min.js"></script>  
<link rel="stylesheet" href="Öffentlich/css/jquery-ui.min.css">  
<script src="js/jquery-ui.min.js"></script>

2. Fügen Sie die sortierbare Klasse zum Element hinzu

 <tbody Klasse="sortierbar">  
   <tr></tr>  
   <tr></tr>   
</tbody>

3. Aktivieren und konfigurieren

 $(Funktion() {  
    $(".sortierbar").sortierbar({  
        Cursor: "bewegen",  
        Elemente: "tr", //Nur tr kann gezogen werden Opazität: 0,6, //Beim Ziehen beträgt die Transparenz 0,6  
        revert: true, //Beim Freigeben Animation hinzufügen update: function(event, ui) { //Nach dem Aktualisieren der Sortierung var categoryids = $(this).sortable("toArray");  
            var $dies = $(dies);  
        }  
    });  
    $(".sortable").disableSelection();  
});

Oben sehen Sie die vom Editor eingeführte Sortierfunktion für HTML-Tabellen per Mausziehen. Ich hoffe, sie ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Linux-Systemreparaturmodus (Einzelbenutzermodus)

>>:  Umfassende Inventarisierung wichtiger Logdateien in MySQL

Artikel empfehlen

Javascript Blob-Objekt zum Erzielen eines Dateidownloads

Inhaltsverzeichnis veranschaulichen 1. Blob-Objek...

Warum MySQL das Löschen von Daten nicht empfiehlt

Inhaltsverzeichnis Vorwort InnoDB-Speicherarchite...

Analyse und Lösung zur Leistungsoptimierung von Vue.js-Anwendungen

Inhaltsverzeichnis 1. Einleitung 2. Warum brauche...

Der Unterschied zwischen ID- und Name-Attributen von HTML-Elementen

Heute bin ich etwas verwirrt über <a href="...

CSS3 realisiert den roten Umschlag-Shaking-Effekt

Es besteht die Anforderung, den Schütteleffekt de...

So verwenden Sie Maxwell zum Synchronisieren von MySQL-Daten in Echtzeit

Inhaltsverzeichnis Über Maxwell Konfiguration und...

Optimierte Implementierung von count() für große MySQL-Tabellen

Das Folgende ist mein Urteil basierend auf der Da...

So rufen Sie einen Hyperlink auf und öffnen ihn

<br />Die unzähligen Informationen im Intern...

So zeigen Sie den Kennwortablauf unter Linux an und konfigurieren ihn

Mit den richtigen Einstellungen können Sie Linux-...

Installations-Tutorial zur komprimierten Version von MySQL 8.0.11 unter Win10

In diesem Artikel finden Sie das Installations-Tu...

Vues Leitfaden zu Fallstricken bei der Verwendung von Drosselungsfunktionen

Vorwort In einem üblichen Geschäftsszenario müsse...