Ich arbeite mit Angular 4 und bin neu dazu. Ich möchte eine Tabelle (Gitter) mit Scroll-Paginierung und Sortieroptionen anzeigen.Angular 4 mit Scroll-Paginierung und Sortierung
Gibt es eine Komponente, um dies zu erreichen?
Sie können Jquery Datatable in Angular 2/4 verwenden nur müssen Sie zwei Dinge tun. Fügen Sie einfach diese beiden Zeilen in Ihre .Ts-Datei direkt unter dem Importabschnitt ein.
declare var jquery: any;
declare var $: any;
dann schreiben Sie eine Funktion wie die gleiche mit Ihrer Tabelle ID Ihre Datentabelle wird rendern.
ngAfterViewChecked(): void {
$('#Data').dataTable();
}
es funktioniert überhaupt keine Probleme.
Hallo, Vielen Dank für die Eingabe, bietet Datatable Zahlen Paginierung, können wir ändern Um die Paginierung zu scrollen? – Karthikeyan
Nein Sie können nicht, dass Sie diffrent Datatable-Objekt dafür verwenden müssen. – DotNet
Nicht sicher über Komponenten, aber Sie können sicherlich Angular DataTables ausprobieren.
Wie vom Ersteller definiert: "Eckiges strukturelles Framework für dynamische Web-Anwendungen + DataTables jQuery-Plug-in für komplexe HTML-Tabellen".
-Link: https://l-lin.github.io/angular-datatables/#/welcome
Die Installationsanweisungen sind klar definiert und funktioniert sehr gut gerade von der Fledermaus. Sobald die Installation abgeschlossen ist, können Sie sie in Ihrer gewünschten Komponentenklasse verwenden.
Beispiel: https://l-lin.github.io/angular-datatables/#/basic/angular-way
Smart Tabellensuche auf Google erhalten Sie es –
Ansicht AngularJS Website und gehen Sie auf die Smart-Tabellen –
Verwendung Winkelmaterialtabelle –