Syncfusion Angular Data Grid

SyncfusionContrôles de grilleJavaScript

Composant de grille de données Angular avancé pour l’affichage dynamique des données.

  • Prend en charge la liaison de données JSON et de services RESTful pour une intégration flexible.
  • Permet le regroupement hiérarchique et multi-niveaux avec des options d’agrégation.
  • Facilite les opérations CRUD côté serveur et le chargement différé pour de meilleures performances.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion Angular Data Grid
Syncfusion Angular Data Grid offre une solution puissante pour présenter et manipuler efficacement des données tabulaires dans les applications Angular. Il prend en charge diverses sources de données locales et distantes, les vues hiérarchiques, le regroupement avec agrégats et les opérations côté serveur personnalisables, ce qui le rend idéal pour créer des interfaces complexes basées sur les données avec des performances optimisées.

Liaison de données flexible

Liez facilement le Data Grid avec des tableaux JavaScript, JSON ou des services RESTful à l’aide de divers adaptateurs de données, notamment JSON, OData, ODataV4, URL et Web API, pour une expérience de consommation de données fluide.

Affichage hiérarchique des données

Construisez des relations maître-détail à n niveaux avec une configuration minimale pour visualiser des structures de données parent-enfant dans la grille.

Regroupement multi-niveaux avec agrégats

Regroupez les données par plusieurs colonnes, avec prise en charge de l’affichage des valeurs d’agrégat dans les pieds de groupe ou les légendes, améliorant ainsi les capacités d’analyse des données au sein de la grille.

Regroupement à chargement différé avec pagination et défilement infini

Optimisez le chargement de grands jeux de données groupées en récupérant les enregistrements enfants à la demande lors de l’expansion des groupes, tout en prenant en charge la pagination et le défilement infini pour une expérience utilisateur fluide.

Prise en charge des opérations côté serveur

Intégrez une logique de traitement des données personnalisée avec des événements transportant des informations d’état de la grille, permettant une gestion efficace des opérations CRUD côté serveur.

Visibilité des colonnes personnalisable dans le regroupement

Contrôlez la visibilité des colonnes groupées, permettant aux utilisateurs de masquer ou d’afficher les colonnes groupées afin d’adapter la présentation des données selon les besoins.

Modes et types d’édition des données

Utilisez divers modes d’édition, notamment l’édition en ligne, en boîte de dialogue et par lot, pris en charge par plusieurs composants éditeurs adaptés à différents types de données tels que le texte, les nombres, les dates et les booléens.

API étendue et prise en charge des événements

Exploitez une API complète permettant une manipulation et une personnalisation détaillées du comportement de la grille, y compris le tri, le filtrage et la pagination grâce à une gestion riche des événements.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Angular