7
votes

JavaScript peut-il trier, filtrer et rendre une très grande table?

Tout d'abord, je n'ai aucune idée de la capacité de JavaScript à ce sujet. Mais voudrait savoir s'il est possible:

  1. à lire à partir d'un fichier texte et affichez une très grande table (quelques dizaines de colonnes et quelques centaines de milliers de lignes), en sections;
  2. Toutes les colonnes ne seront pas affichées en même temps. Les colonnes sont en groupe. Un groupe de colonnes doit basculer entre caché ou spectacle;
  3. Les lignes peuvent être filtrées en fonction de certaines colonnes.

    La raison de ce faire est de créer un rapport qui affiche des résultats d'analyse de données et fournit également un filtre de base, des fonctions de tri de l'utilisateur. Ils sont plus susceptibles d'avoir une sorte de navigateur Web. Alors html serait un format idéal.

    est-il possible avec JavaScript?

    Merci!


2 commentaires

HTML5 fournit le API de fichier qui peut être utilisé pour lire des fichiers locaux par glisser -et-baisse. Je ne peux rien dire spécifique sur le filtre / rendu des performances, mais la manipulation DOM sur cette échelle n'est probablement pas très rapide.


JavaScript peut faire cela, oui. Il convient de mentionner que certains navigateurs la toux c'est-à-dire la toux sont connus pour obtenir extrêmement lentement avec plus d'une raine de table ou plus.


3 Réponses :


5
votes

Vous pourriez être capable de le faire en utilisant un plugin de grille. Par exemple, ont pour regarder les réponses à cette question: grille de données JavaScript pour des millions de des rangées


0 commentaires

3
votes

Je recommanderais une bibliothèque de table JavaScript telle que des datables. Il comprend les options de tri, de filtrage et de pagination.

De plus, il a une fonctionnalité pour remettre toute la pagination, le filtrage, le tri, etc. que les datables font sur un serveur. Les datables JavaScript LIB sont alors simplement un module d'événements et d'affichage. Dans ce cas, tout nombre de lignes peut être manipulé.

Vous auriez donc toutes les fonctionnalités dont vous avez besoin, avec les performances rapides Ajax-y des données chargées dans JavaScript avec la balance pour gérer un nombre de lignes.

Traitement des données côté serveur avec Datables


0 commentaires

-3
votes

absolument oui. Ext.js montre comment faire cela très efficacement. Lorsque cela est fait correctement, il s'agit d'une optimisation des performances qui réduit les déplacements ronds au serveur. Et améliore la réactivité UX.

Exemple de grille riche extjs. (Il y en a beaucoup)

exemples extjs. (regarder la section de la grille)

espère que cela aide.


1 commentaires

Vous devriez mentionner que ExtJS n'est pas une solution gratuite et nécessite une licence assez coûteuse.