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.
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.
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 Grid bietet ein hochresponsives Layout und ein detailliert optimiertes Design für Desktops, Touchscreens und Smartphones.
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.
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.
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.
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 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.
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.
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.
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.
Exportieren Sie die Blazor Grid-Steuerlemente ganz einfach in Dateiformaten wie Excel, PDF oder CSV.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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; }
}
}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:
Blazor DataGrid funktioniert in allen gängigen Webbrowsern wie Chrome, Firefox, Microsoft Edge, Safari und IE11. IE11 wird mithilfe von Polyfills unterstützt.
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.
Dokumentation
Viele behaupten, dass sie herausragend sind. Doch wenn andere das erkennen und loben, bedeutet es viel mehr. Syncfusion präsentiert mit Stolz folgende Branchenauszeichnungen.
