Ich verwende dc.js , um Diagramme und Datentabellen zu erstellen.
Ich wollte einige Paginierungsstile und Suchoptionen in der Tabelle hinzufügen.
jQuery Datentabellenskript:
%Vor%Problem ist - ich bekomme alle jquery Datentabelle Optionen wie Suchfeld, Anzahl der Einträge angezeigt. Aber keiner von ihnen funktioniert.
Jemand bitte helfen.
Gefunden posten . Aber nichts nützliches.
Ich benutze gerne DynaTable für diese - Ссылка
1) Definieren Sie Ihre Tabelle html:
%Vor%2) Aktivieren Sie dynatable mit Ihren bevorzugten Optionen und der Crossfilter-Dimension:
%Vor%3) Schreiben Sie eine Methode, um die Tabelle zu aktualisieren - dc.events hilft dabei, die Häufigkeit zu begrenzen, mit der dies bei Pinseländerungen aufgerufen wird:
%Vor%4) Hängen Sie diese Methode in jedes Filterereignis für Diagramme ein:
%Vor%5) Rufen Sie Refresh-Tabelle einmal auf, um die aktuellen Daten anzuzeigen:
%Vor%6) Rendern Sie die DC-Diagramme:
%Vor%Hier ist ein Beispiel dafür: Ссылка
Beachten Sie, dass ich in dieser Geige die Gruppe und nicht die Dimension verwendet habe, um die dynatablen Daten zu füttern.
Da ich lieber DataTables verwende, habe ich die Lösung von DJ Martin so angepasst:
Setze Tabelle html:
%Vor%Legen Sie Ihre DataTables-Optionen fest:
%Vor%Erstellen Sie eine DataTables-Instanz:
%Vor%Create RefreshTable-Funktion und an Diagramme anhängen:
%Vor%Rufen Sie RefreshTable () einmal auf, um die Anfangsdaten zu laden und alle Diagramme zu rendern:
%Vor%Tags und Links javascript jquery d3.js dc.js