web-dev-qa-db-fra.com

Meilleure grille dynamique JavaScript / JQuery

Je travaille avec JavaScript, JQuery et HTML. L'interface utilisateur de mon projet est complètement dynamique. Je recherche une grille JavaScript/JQuery dynamique prenant en charge les fonctionnalités suivantes.

Quelqu'un peut-il me dire s'il existe de belles sources ouvertes dont la grille supporte les fonctionnalités suivantes?

  1. Je devrais être capable de créer une instance de la grille au moment de l'exécution et de l'ajouter au DOM.
  2. Prend en charge les modèles de colonne (zone de texte, sélection, case à cocher ou toute entrée ou texte simple)
  3. Prise en charge de la définition d'un nouveau modèle de colonne ou du remplacement du modèle de colonne existant en temps réel.
  4. Peu de contrôles de saisie (par exemple, zone de texte, case à cocher ..) présents sous une colonne peuvent être activés et rares peuvent être désactivés.
  5. Prend en charge setData () en temps réel.
  6. Prend en charge l'événement si des données d'entrée ont été modifiées par l'utilisateur.
  7. Il devrait supporter la sélection d'une rangée
  8. Ajoutez ou supprimez la prise en charge des lignes en temps réel sans restituer toute la grille.
  9. Prend en charge la pagination.
  10. Prend en charge le tri par n'importe quelle colonne en temps réel.
  11. Lance un événement si les données sont triées par utilisateur en temps réel.
  12. L'interface utilisateur de la grille doit prendre en charge les colonnes réalisables
  13. Redimensionnable automatiquement (cela sera utile si la grille est redimensionnable automatiquement en fonction de la taille de l'élément parent)
  14. A certainement une bonne documentation.
javascriptjquerygrid
87
Somnath

Quelques utiles sont:

Libre:

Payé:

Les meilleures entrées à mon avis sont Flexigrid et jQuery Grid.

42
Soham

vous pouvez essayer http://datatables.net/

DataTables est un plug-in pour la bibliothèque Javascript de jQuery. C'est un outil extrêmement flexible, basé sur les bases de l'amélioration progressive, qui ajoutera des contrôles d'interaction avancés à n'importe quel tableau HTML. Principales caractéristiques:

  • Pagination à longueur variable
  • Filtrage à la volée
  • Tri multi-colonnes avec détection de type de données
  • Gestion intelligente des largeurs de colonne
  • Afficher les données de presque toutes les sources de données
  • DOM, tableau Javascript, fichier Ajax et traitement côté serveur (PHP, C #, Perl, Ruby, AIR, Gears, etc.)
  • Options de défilement pour la fenêtre de tableau
  • Entièrement internationalisable
  • assistance jQuery UI ThemeRoller
  • Rock solid - soutenu par une suite de plus de 2600 tests unitaires
  • Large variété de plug-ins inc. TableTools, FixedColumns, KeyTable et plus
  • C'est gratuit!
  • Économie d'état
  • Colonnes cachées
  • Création dynamique de tables
  • Ajax chargement automatique des données
  • Positionnement DOM personnalisé
  • Filtrage sur une colonne
  • Types de pagination alternatifs
  • Interaction DOM non destructive
  • Tri des colonnes surlignées
  • Options de source de données avancées
  • Prise en charge étendue des plug-ins
  • Tri, détection de type, fonctions API, pagination et filtrage
  • Entièrement thématisé par CSS
  • Documentation solide
  • Plus de 110 exemples prédéfinis
  • Prise en charge complète d'Adobe AIR
38
enclaved

Ma suggestion concernant la grille dynamique JQuery est présentée ci-dessous.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Le meilleur est:

DataTables est un plug-in pour la bibliothèque Javascript de jQuery. C'est un outil extrêmement flexible, basé sur les bases de l'amélioration progressive, qui ajoutera des contrôles d'interaction avancés à n'importe quel tableau HTML.

Pagination à longueur variable

Filtrage à la volée

Tri multi-colonnes avec détection de type de données

Gestion intelligente des largeurs de colonne

Afficher les données de presque toutes les sources de données

DOM, tableau Javascript, fichier Ajax et traitement côté serveur (PHP, C #, Perl, Ruby, AIR, Gears, etc.)

Options de défilement pour la fenêtre de tableau

Entièrement internationalisable

assistance jQuery UI ThemeRoller

Rock solid - soutenu par une suite de plus de 2600 tests unitaires

Large variété de plug-ins inc. TableTools, FixedColumns, KeyTable et plus

Création dynamique de tables

Ajax chargement automatique des données

Positionnement DOM personnalisé

Filtrage sur une colonne

Types de pagination alternatifs

Interaction DOM non destructive

Tri des colonnes surlignées

Options de source de données avancées

Prise en charge étendue des plug-ins

Tri, détection de type, fonctions API, pagination et filtrage

Entièrement thématisé par CSS

Documentation solide

Plus de 110 exemples prédéfinis

Prise en charge complète d'Adobe AIR

8
user319198

Jetez un coup d'oeil à agiletoolkit.org car il possède un CRUD simple à utiliser qui prend en charge les versions 2,4,6,7,9,9,10 et 12 (utilise Ajax pour défendre la grille lors de l'ajout, de la suppression de données et l'intégration avec jquery.

Je voudrais poster quelques exemples, mais sur un iPad pour le moment.

5
Trevor North