utiliser javascript DataTables in html

Question

Je souhaite créer une page html interactive avec des données que je manipule dans R. Jusqu'à présent, j'ai créé un graphique NVD3 avec le paquetage rChart et je l'ai sorti en html via knitr package sans aucun problème.

Maintenant, je veux créer un table avec du contenu dynamique dans cette page. J'ai examiné des options pour l'intégrer, comme le modèle de table de rCharts, le paquet DT, mais aucune de ces options ne semble offrir la flexibilité que je recherche.

Je trouve exactement le modèle que je cherche sur cette page, car il dispose d'un écran modal natif, je ne l'ai pas trouvé nulle part ailleurs. https://datatables.net/extensions/responsive/examples/display-types/jqueryui-modal.html. Ceci fournit Javascript et HTML à utiliser pour initialiser la table mais je n'ai aucune idée de comment l'utiliser avec mes données R.

J'y suis un moyen d'intégrer ce tableau par package R + knitr? La suite brillante peut-elle m'aider ici?

Merci pour votre aide.

Answer 1

autre regard sur DT. Je l'utilise tout le temps et il fera ce que vous voulez là-bas. Il a une barre de recherche, vous permet de sélectionner le nombre de lignes à afficher avec une liste déroulante, indexera les pages de lignes en bas à droite.

Vous pouvez modifier la police, vous pouvez alterner lignes blanches et teintés, hauteur changement de ligne, les couleurs et les structures que vous voulez.

Look here to see some of the ways to build in full css styling

La seule chose que je vois sur cette page, je ne suis pas sûr que vous pouvez faire est d'ajouter le point vert.

Mais ce lien dans les piles vous indique comment ajouter des fonctionnalités de hover_over.

hover-over

Et voici un lien vers un poste que je fis avec quelques modifications au CSS comme exemples:

Changing row-height and drop-down configurations

Vous devrez jouer avec la mise en forme en utilisant css et le code la liste des structures à la page GitHub, mais vous devriez être en mesure de faire ce que vous voulez si cette table est vraiment votre idéal (sauf pour le point-, mais probablement la fonction contenue dans le point est disponible avec un peu de travail)