We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Vertrauen der weltweit führenden Unternehmen

Syncfusion Trusted Companies

Übersicht

Blazor DataGrid ist eine Komponente mit vielen Funktionen, die Daten im Tabulatorformat anzeigen kann. Zu den zahlreichen Funktionen zählen Datenbindung und -bearbeitung, mit Excel vergleichbare Filter, benutzerdefiniertes Sortieren, Zeilenaggregation, Auswahl und Unterstützung für die Formate Excel, CSV und PDF.


Datenbindung

Binden Sie Daten nahtlos in verschiedene lokale und Remote-Datenquellen ein, darunter JSON, RESTful-Dienste, OData-Dienste und WCF-Dienste. Mit dem Datenmanager werden Daten verarbeitet und die Anpassung von Datenanfragen unterstützt.

Blazor Datengitter Datenbindung.


Optimiert für Mobilgeräte, geeignet für Gestensteuerung

Blazor Grid bietet ein hochresponsives Layout und ein detailliert optimiertes Design für Desktops, Touchscreens und Smartphones.

Gestenunterstützung in Blazorgitter.

Gestensteuerung wird unterstützt

Eine intuitive Gestensteuerung und eine interaktive Benutzeroberfläche unterstützen ein bestmögliches Benutzererlebnis. Alle Funktionen von Blazor Grid funktionieren ohne Zusatzkonfiguration auf Geräten mit Gestensteuerung.

Responsiv in der Blazor DataGrid-Komponente.

Anpassungsfähige Benutzeroberfläche

Die Blazor DataGrid-Komponente ist ein Steuerelement mit Mobile-First-Ansatz. Seine responsive Benutzeroberfläche passt sich automatisch an jedes Gerät an und bietet das bestmögliche Benutzererlebnis zur Interaktion mit dem Steuerelement. Zusätzlich bietet das Element eine Option zum Ausblenden spezieller Spalten für bestimmte Bildschirmgrößen mithilfe einer Unterstützung für spaltenbasierte Medienabfrage.

Responsive Pager-Benutzeroberfläche in der Blazor DataGrid-Komponente.

Responsiver Pager

Der Blazor Datengitter Pager verhält sich intelligent und passt seine gesamte Benutzeroberfläche responsiv anhand der Abmessungen des Blazor Data Grid an. Sein optimiertes Design ermöglicht eine optimale Interaktion mit der Benutzeroberfläche auf verschiedenen Geräten.


Hochleistung

Das Design von Blazor DataGrid ist auf Hochleistung optimiert. Das Steuerelement lädt dank Zeilen- und Spaltenvirtualisierung Millionen von Einträgen in einer Sekunde – ohne jegliche Leistungseinbrüche. WebAssembly hilft dabei, unnötiges Rendern von Komponenten zu vermeiden.

Blazor DataGrid Hochleistung


Blazor DataGrid Bearbeitung.

Bearbeiten

Blazor DataGrid bietet volle Unterstützung für CRUD-Vorgänge (Erstellen, Lesen, Aktualisieren und Löschen). Zusätzlich zu den integrierten Editor-Steuerungen zur Bearbeitung bestimmter Spaltenwerte können Benutzer mit der Vorlagenunterstützung eigene Editor-Steuerelemente erstellen, die zu ihren Anwendungsfällen passen. Diese führen Bearbeitungsvorgänge mit einer Reihe von Geschäftsobjekten oder Remote-Datendiensten mithilfe des Datenmanagers aus.


Aggregation

Aggregate für Spaltenwerte können mit der Aggregieren-Funktion leicht angezeigt werden. Aggregate können so angepasst werden, dass sie Werte in einzelnen Übersichtszeilen, einzelnen Gruppenübersichtszeilen oder in Gruppenbeschriftungszeilen anzeigen.

Blazor DataGrid Aggregation.


Blazor DataGrid Filterung.

Filtern

Die Filterung hilft bei der Betrachtung spezieller oder zugehöriger Einträge, die bestimmte Filterkriterien erfüllen. Die Funktion unterstützt verschiedene Filtertypen, darunter leistungsstarke, mit Excel vergleichbare Filter. Der Blazor DataGrid-Filter ermöglicht Benutzern die Auswahl der passenden Filtertypen, das Definieren ihrer eigenen Filterlogik und die Anpassung der Filteroberfläche nach ihren Anwendungsfällen. Außerdem bietet die Funktion eine Option zum Filtern diakritischer Zeichen.


Integrierte und anpassbare Themes

Fünf integrierte, SASS-basierte Themes sind verfügbar: Material, Bootstrap, Bootstrap 4, Fabric und High Contrast. Vereinfachen Sie die Theme-Anpassung, indem Sie entweder das bestehende SASS-Design überschreiben oder eigene Themes mit der Anwendung Theme Studio erstellen.

Blazorgitter Themes.


Exportieren

In Blazor Grid Control können Sie in PDF, CSV und Excel exportieren.

Export in Excel, PDF und CSV

Exportieren Sie die Blazor Grid-Steuerlemente ganz einfach in Dateiformaten wie Excel, PDF oder CSV.

Drucken von Blazor DataGrid-Inhalten.

Drucken

Ermöglicht Benutzern das Drucken von Daten mit der Druckoption aus der Symbolleiste oder durch Programmieren. Drucken Sie alle Zeilen eines Blazor Datentabelle, unabhängig von der Seitenzahl, oder drucken Sie nur die aktuell angezeigte Seite.


Barrierefreiheit

Tastaturnavigation in Blazor DataGrid.

Tastaturnavigation

Blazorgitter sorgt dafür, dass jede Zelle mit der Tastatur zugänglich ist. Wichtige Funktionen wie Sortieren, Auswählen und Bearbeiten können Sie allein mit Tastaturbefehlen ausführen, es sind keine Mausklicks nötig. Das hilft beim Erstellen barrierefreier Anwendungen mit dieser Komponente.

Barrierefreiheit und Unterstützung für Bildschirmleser in Blazor DataGrid.

Bildschirmleser

Die Ansicht von Blazor DataGrid unterstützt die WAI-ARIA-Spezifikation vollständig. Die Benutzeroberfläche von Blazor Data Grid umfasst kontraststarke visuelle Elemente, sodass Menschen mit Sehbeeinträchtigung ein bestmögliches Benutzererlebnis genießen. Außerdem sind aussagekräftige Beschreibungen von UI-Elementen über Unterstützungstechnologien wie Bildschirmleser zugänglich.


Globalisierung und Lokalisierung

Daten und Zahlen formatieren in Blazor DataGrid.

Globalisierung

Blazor DataGrid ermöglicht es Benutzern aus verschiedenen Regionen, Elemente wie Datum, Währung und Nummerierung nach ihren Sprachpräferenzen zu formatieren. Die Wertformatierung erfolgt mit der i18n-Bibliothek.

Anzeigen von linksläufiger Sprache in Blazor DataGrid.

Linksläufig (RTL)

Die linksläufige Darstellung ermöglicht das Anzeigen von Text und Layout des Blazor DataGrid von rechts nach links. So werden das Benutzererlebnis und die Barrierefreiheit für linksläufige Sprachen verbessert.

Lokalisierung von UI-Zeichenfolgen von Blazor DataGrid.

Lokalisierung

Je nach ihren Anforderungen können Benutzer alle Zeichenketten lokalisieren, die in der Benutzeroberfläche des Blazor DataGrid-Steuerelements verwendet werden. Zur Lokalisierung von UI-Zeichenketten wird die l10n-Bibliothek verwendet.


Weitere Funktionen

Blazor DataGrid mit Zeilenhöhe

Zeilenhöhe

Die Zeilenhöhe ist ein wesentlicher Faktor für die Anzeige der Einträge in der Ansicht. Sie kann anhand der UI-Anforderungen der Anwendung mühelos angepasst werden. Sie können auch Bedingungen für die Zeilenhöhe festlegen.

Aus Blazor DataGrid in die Zwischenablage kopieren

In Zwischenablage kopieren

Die Zwischenablage bietet eine Option zum Kopieren ausgewählter Zeilen oder Zellendaten in die Zwischenablage. Verwenden Sie die Tastenkombinationen Strg + C und Strg + Umschalttaste + H, um Daten mit und ohne Kopfzeile zu kopieren.

Blazor DataGrid mit Kontextmenü

Kontextmenü

Das Kontextmenü verbessert die Interaktion der Benutzer mit Blazor DataGrid mithilfe von Pop-up-Menüs. Dieses wird angezeigt, wenn Benutzer auf Zellen, Kopfzeilen oder Pager klicken. Zusätzlich zu integrierten Standard-Menüelementen können Sie auch eigene Kontext-Menüelemente hinzufügen.

Breite und Höhe in Blazor DataGrid.

Breite und Höhe

Ermöglicht das Ändern der Größe von Blazor DataGrid, indem die Eigenschaften Breite und Höhe eingestellt werden. Horizontale und vertikale Scroll-Leisten werden angezeigt, wenn der Inhalt größer als das Blazor Data Grid-Element ist. Wenn das Blazor Data Grid seinen übergeordneten Container ausfüllen soll, muss der Benutzer einfach nur Höhe und Breite auf 100 % setzen.

Blazor DataGrid mit Vorlagenspalte

Vorlagen

Mit Vorlagen können Benutzer eigene Benutzeroberflächen-Elemente erstellen. Verschiedene Vorlagenoptionen ermöglichen das Erstellen eigener Kopfzeilen, Zelleninhalte, Zeilen, Detailzeilen, Symbolleisten und Editors für Bearbeitungsaktionen.

Blazor DataGrid mit gestapelten Kopfzeilen

Gestapelte Kopfzeilen

Gestapelte Kopfzeilen ermöglichen das Gruppieren und Visualisieren von Spaltenkopfzeilen in gestapelter Ansicht. Es gibt keine Beschränkung für die Anzahl der gestapelten Spalten. Benutzer können alle Aktionen von Blazor DataGrid ausführen, auch wenn die Spalten gestapelt sind.


Auswahl

Mit Blazor DataGrid können Sie Zeilen oder Zellen auswählen. Sie können auch mehrere Zeilen oder Zellen auswählen, indem Sie beim Anklicken die Strg- bzw. Cmd-Taste gedrückt halten, oder eine entsprechende Funktion programmieren.

Blazor DataGrid-Auswahl.


Blazor DataGrid Spalte.

Spalte

Spalten definierten das Schema der Datenquelle in der Blazor DataGrid-Steuerung. Sie unterstützen die Formatierung, das automatische Erzeugen von Spalten, Spaltendefinitionen, das Einfrieren von Zeilen und Spalten, das Umspannen von Spalten, Textumbrüche, die Spaltenauswahl, das Spaltenmenü und weitere Funktionen.


Gruppierung

Unterstützt die Zeilengruppierung, um Daten auf übersichtliche Weise darzustellen. Daten können aufsteigend oder absteigend gruppiert werden. Zeilen können gruppiert werden, indem Sie die gewünschten Zeilen per Drag-and-drop im interaktiven Bereich platzieren.


Sortierung

Blazor DataGrid ermöglicht Benutzern das Sortieren von Zeilen in aufsteigender oder absteigender Reihenfolge für eine bestimmte Spalte. Klicken Sie dazu einfach auf die Spaltenkopfzeile. Sie können auch die Daten mehrerer Spalten sortieren, indem Sie die Strg-Taste gedrückt halten und auf die gewünschte Kopfzeile klicken.


Paging

Mittels Paging kann ein Datensegment über die zugewiesene Datenquelle betrachtet werden. Blazor DataGrid bietet eine integrierte Pager-Oberfläche mit Optionen zur Anpassung sämtlicher UI-Elemente. Außerdem bietet es einen On-Demand-Pagingmodus zum effektiven Datenabruf von Remote-Webdiensten.

Blazor DataGrid Paging.


Blazor Master Detail Grid

Blazor Master Detail Grid

Blazor Master Detail Grid ist ein Anwendungsszenario, in dem die Details eines Eintrags in einem separaten Datenraster betrachtet werden, und zwar durch Klick auf die gewünschte Zeile.


Blazor Live DataGrid

Live Blazor DataGrid ist auf die Verarbeitung und Aktualisierung vieler Einträge auf einmal in Echtzeit optimiert. So können mit der Lösung auch Finanzdaten und weitere Einträge gebunden werden.

Blazor Live DataGrid


Suchen in Blazor DataGrid

Suchen

Suchen und markieren Sie Text im Blazor Data Grid und filtern Sie die Datensätze basierend auf dem Suchtext. Dies erleichtert das Auffinden der genauesten Prognoseergebnisse.


Code-Beispiel für Blazor DataGrid

Steigen Sie mit wenigen einfachen Zeilen C# in Blazor DataGrid ein. Im folgenden Code-Beispiel sehen Sie, wie das geht. Außerdem erfahren Sie in unserem Blazor DataGrid-Beispiel, wie Sie das Blazor Grid rendern und konfigurieren.

@using Syncfusion.Blazor.Grids

<SfGrid DataSource="@Orders">
   
</SfGrid>

@code{
    public List<Order> Orders { get; set; }

    protected override void OnInitialized()
    {
        Orders = Enumerable.Range(1, 75).Select(x => new Order()
        {
            OrderID = 1000 + x,
            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
            Freight = 2.1 * x,
            OrderDate = DateTime.Now.AddDays(-x),
        }).ToList();
    }

 public class Order {
        public int? OrderID { get; set; }
        public string CustomerID { get; set; }
        public DateTime? OrderDate { get; set; }
        public double? Freight { get; set; }
    }
}

Weitere unterstützte Frameworks

DataGrid ist auch in den Frameworks JavaScript, Angular, React und Vue verfügbar, die jeweils auf eigenen TypeScript-Bibliotheken basieren. Über die folgenden Links können Sie sich die verschiedenen DataGrid-Plattformen ansehen:


Unterstützte Browser

Blazor DataGrid funktioniert in allen gängigen Webbrowsern wie Chrome, Firefox, Microsoft Edge, Safari und IE11. IE11 wird mithilfe von Polyfills unterstützt.

Unterstützte Webbrowser für Blazor DataGrid.




Blazor-Komponenten – über 85 Benutzeroberflächen- und DataViz-Komponenten

Häufig gestellte Fragen

  • Laden Sie Millionen von Einträgen pro Sekunde.
  • Flexible Datenbindung mit Unterstützung für Datenquellen wie Web API, OData, Entity Framework und viele mehr.
  • Umfassende Benutzeroberflächen-Interaktion und Tastaturnavigation für die serverseitigen und clientseitigen (WebAssembly) Blazor-Apps.
  • Verfügt über zahlreiche Funktionen mit Anpassungsoptionen zum Erstellen komplexer, skalierter Anwendungen.
  • Eine der besten Blazor DataGrid-Instanzen auf dem Markt, die eine Benutzeroberfläche mit vielen Funktionen zur Interaktion mit der Software bereitstellt.
  • Einfache Konfiguration und API.
  • Unterstützt alle gängigen Browser.
  • Responsives Design und Kompatibilität mit Mobilgeräten (inkl. Gestensteuerung).
  • Umfassende Demos, Dokumentation und Videos, mit denen Sie Blazor DataGrid schnell kennenlernen können.

Wir verkaufen Blazor DataGrid nicht einzeln. Die Lösung ist nur im Rahmen der Syncfusion Blazor Suite erhältlich, die über 85 native Blazor-Komponenten enthält, darunter DataGrid. Eine einzelne Entwicklerlizenz für Syncfusion Essential Studio für Blazor Suite kostet 995,00 USD, inklusive Support und Updates für ein Jahr. Außerdem können wir Ihnen möglicherweise Rabatte gewähren, wenn aktuell Aktionen laufen. Kontaktieren Sie unser Vertriebsteam noch heute und erfahren Sie, ob Sie von zusätzlichen Rabatten profitieren können.

Hier finden Sie unsere Demo zu Blazor DataGrid.

Nein, unsere 85+ Blazor-Komponenten, darunter DataGrid, werden nicht einzeln angeboten, sondern nur als Paket. Wir haben den Preis für das Produkt jedoch wettbewerbsfähig gestaltet. Es kostet nur wenig mehr als das, was andere Anbieter allein für ihre DataGrid-Lösung veranschlagen. Wir haben außerdem festgestellt, dass unsere Kunden für gewöhnlich mit einem unserer Produkte beginnen und dann schnell auf mehrere Produkte erweitern. Wir sind daher überzeugt, dass es am besten ist, alle 85+ Blazor-Komponenten zum Pauschalpreis von 995 $/Entwickler anzubieten. Außerdem können wir Ihnen möglicherweise Rabatte gewähren, wenn aktuell Aktionen laufen. Kontaktieren Sie unser Vertriebsteam noch heute und erfahren Sie, ob Sie von zusätzlichen Rabatten profitieren können.

Nein, es handelt sich um ein gewerbliches Produkt. Sie müssen eine Lizenz kaufen. Wir bieten jedoch eine kostenlose Community-Lizenz für Unternehmen und Einzelpersonen an, deren Organisation unter 1 Mio. USD Bruttojahresumsatz und maximal 5 Entwickler hat.

Ein guter Ausgangspunkt ist unsere Dokumentation zu den ersten Schritten.

Lesen Sie unabhängige,
geprüfte Rezensionen
auf G2

Jetzt herunterladen

Was sagen unsere Kunden über uns?

double quotes

Syncfusion-Steuerlemente enthalten fast alles, was sich Entwickler wünschen können. So sparen wir Zeit und Geld. Außerdem bieten sie einen unvergleichlichen Support. Die Steuerlemente von Syncfusion sind der Traum aller Entwickler.
Kevin Kerr

Kevin Kerr

Kirk-Rudy

double quotes

Ich kann Essential Studio sehr empfehlen. Das Support-Team von Syncfusion ist eines der schnellsten, mit denen ich je zusammengearbeitet habe.
Georg Kukula

Georg Kukula

G&W Software Entwicklung GmbH

Verwandeln Sie Ihre Anwendungen noch heute und laden Sie unsere kostenlose Evaluierungsversion herunter.

Auszeichnungen

Viele behaupten, dass sie herausragend sind. Doch wenn andere das erkennen und loben, bedeutet es viel mehr. Syncfusion präsentiert mit Stolz folgende Branchenauszeichnungen.

Up arrow icon
Live Chat Icon For mobile