12 Javascript-Tabellensteuerelemente (DataGrid) sind aussortiert

12 Javascript-Tabellensteuerelemente (DataGrid) sind aussortiert
Wenn die DataSource-Eigenschaft eines DataGrid-Steuerelements zur Entwurfszeit festgelegt wird, wird das Steuerelement automatisch mit dem Recordset aus der Datenquelle aufgefüllt und seine Spaltenüberschriften werden automatisch festgelegt. Sie können dann die Spalten des Rasters bearbeiten, löschen, neu anordnen, Spaltenüberschriften hinzufügen oder die Breite jeder Spalte anpassen.

1. Flexigrid

Flexigrid

Flexigrid ist ein Grid ähnlich Ext Grid, das jedoch auf Basis von jQuery entwickelt wurde. Es verfügt über die folgenden Funktionen: anpassbare Spaltenbreite, Zusammenführen von Spaltenüberschriften, Seitennummerierung, Sortieren, Anzeigen/Ausblenden von Tabellen usw. Die von Flexigrid angezeigten Daten können über Ajax abgerufen oder aus einer normalen Tabelle konvertiert werden.

2. Yahoo! UI-Bibliothek: DataTable (Demo-Link)

Yahoo! UI Library: DataTable

Zu den vom DataTable-Steuerelement bereitgestellten Funktionen gehören: Sortieren, Anpassen der Spaltenbreite, Seitennummerierung, Inline-Bearbeitung, Zeilenauswahl usw.

3. jqGrid

jqGrid

jqGrid ist ein Ajaxed-jQuery-Grid-Plugin. Bietet Paging-Funktion, Hinzufügen, Bearbeiten, Löschen und Suchen von Datensätzen in der Tabelle, unterstützt die Eingabe mehrerer Datentypen: XML, JSON, Array usw., Auswahl mehrerer Zeilen, unterstützt Untertabellen, integrierte Steuerelemente zur Datumsauswahl usw.

4. tableFormSynch (Demo-Adresse)

tableFormSynch ist ein jQuery-Plugin, das Tabellen- und Formulardaten gegenseitig aktualisiert. Zu den bereitgestellten Funktionen gehört: Hinzufügen neuer Zeilen basierend auf den Daten im Formular. Löscht die ausgewählten Zeilen und löscht alle Daten im Formular. tableFormSynch unterstützt alle Formularsteuerelemente, einschließlich: Kontrollkästchen, Optionsfelder, Schaltflächen, Auswahl

5. Datentabellen

DataTables

DataTables ist ein jQuery-Plugin, mit dem sich Seitennummerierung, Filterung und Sortierung mehrerer Spalten in HTML-Tabellen problemlos implementieren lässt. DataTables kann seinen eigenen CSS-Stil verwenden, Sie können den CSS-Stil jedoch auch Ihren Anforderungen entsprechend anpassen. Es verfügt über die folgenden Funktionen:

  • Adaptive Spaltenbreite
  • Kann den Tabellenstatus speichern
  • Ausgeblendete Spalten
  • Tabellen dynamisch erstellen
  • Automatisches Laden von Daten über Ajax
  • Rich-Paging-Typen
  • Sortieren und Hervorheben mehrerer Spalten

6. OmniGrid

OmniGrid

OmniGrid ist ein mit Mootools1.2 entwickeltes Tabellensteuerelement und ähnelt FlexGrid jQuery und SortableTable. Es verfügt über Funktionen zum Paginieren, Sortieren, Laden von Ajax-Daten, Hinzufügen/Ändern/Löschen von Tabellendaten usw.

7. moodgets Grid (Demo-Adresse)

moodgets Grid

moodgets Grid ist ein benutzerfreundliches und erweiterbares Tabellensteuerelement, das auf Basis des Mootools-Frameworks entwickelt wurde. Durch Ziehen können Sie die Spaltenbreite der Tabelle anpassen, mehrere oder einzelne Zeilen sortieren und auswählen, in die Tabellenzellen klicken, um sie zu bearbeiten, die Seitennummerierung vorzunehmen und Daten über Ajax zu laden.

8. MyTableGrid (Demo-Adresse)

MyTableGrid

MyTableGrid ist ein auf Basis des Prototype-Frameworks entwickeltes DataGrid-Steuerelement, das dazu dient, Daten einfacher zu durchsuchen und flexibler anzuzeigen. Es bietet Ajax-unterstützte Funktionen zum schnellen Paginieren und Sortieren von Daten und kann die Breite von Datenspalten ziehen und anpassen sowie Spalten ausblenden, die nicht angezeigt werden müssen.

9. GT-Grid

GT-Grid

Ein inländisches Unternehmen möchte GT-Grid zu einer erstklassigen Listenkomponente ausbauen, die eine Vielzahl von Anwendungen unterstützt. Es kann eine reine Client-Anwendung sein, oder Sie können den integrierten JAVA-Server als Client auswählen.

10. obout v3 Grid für ASP.NET

obout v3 Grid for ASP.NET

Ein schnelleres Asp.net Grid. Seine Stärke liegt darin, Millionen von Datensätzen in nur 1 Sekunde zu laden

11. Tabellen-Widget (Demo-Adresse)

Table widget

Dieses Steuerelement kann eine normale HTML-Tabelle in eine sortierbare Tabelle mit festen Überschriften umwandeln.

12. jExpand (Demo-Adresse)

jExpand

jExpand ist ein jQuery-Plugin, das Tabellen skalierbar macht. Mithilfe dieser Funktion können Sie die Tabelle besser organisieren und ihr mehr Informationen, beispielsweise Bilder, Listen, Diagramme und andere Elemente, hinzufügen.

<<:  Unity stellt eine Verbindung zu MySQL her und liest den Implementierungscode der Tabellendaten

>>:  Über die Implementierung des JavaScript-Karussells

Artikel empfehlen

So verwenden Sie den Linux-Paste-Befehl

01. Befehlsübersicht Der Einfügebefehl fügt die e...

Beispielcode zur Implementierung einer Hohlmaskenebene mit CSS

Inhalt dieses Artikels: Seitenhohlmaskenebene, Se...

IDEA-Konfigurationsprozess von Docker

IDEA ist das am häufigsten verwendete Entwicklung...

Tipps zum MySQL-Abfragecache

Inhaltsverzeichnis Vorwort Einführung in QueryCac...

JavaScript fügt Prototyp-Methodenimplementierung für integrierte Objekte hinzu

Die Reihenfolge, in der Objekte Methoden aufrufen...

JS tiefe und flache Kopierdetails

Inhaltsverzeichnis 1. Was bedeutet „Shallow Copy“...

MySQL5.7.27-winx64 Version Win10 Download- und Installations-Tutorial-Diagramm

MySQL 5.7-Installation Wir lernen in der Schule M...

Vue implementiert Modal-Komponente basierend auf Teleport

Inhaltsverzeichnis 1. Lernen Sie Teleport kennen ...

CSS3 Flexible Box Flex, um ein dreispaltiges Layout zu erreichen

Wie der Titel schon sagt: Die Höhe ist bekannt, d...

Zabbix' PSK-Verschlüsselung kombiniert mit zabbix_get-Wert

Seit Zabbix Version 3.0 wird verschlüsselte Kommu...

CSS3-Bézierkurven-Beispiel: Erstellen von Link-Hover-Animationseffekten

Wir verwenden animierte CSS3-Übergänge, um einen ...

Durchführung der lokalen Migration von Docker-Images

Ich habe vor Kurzem Docker gelernt und stoße dabe...

Beispiele für vertikale Raster und progressiven Zeilenabstand

Neue Fragen Kommen und gehen Sie in Eile. Seit de...