jstree: constraint width

Question

J'ai un jstree avec plusieurs sous-arbres sur une page et j'aimerais afficher quelque chose lors de la sélection d'une branche. Le texte affiché doit apparaître à côté de l'arborescence, mais pour une raison quelconque, jstree occupe tout l'espace de la div, de sorte que la div de texte est placée en dessous. L'arbre et div doivent tous les deux être positionnés par rapport au div encapsulant et flotter à gauche.

Existe-t-il un moyen de restreindre la largeur de l'arbre (définir style = "width = 100px" sur l'arbre div ne fonctionne pas)? Ou une autre façon de placer le texte juste à côté de l'arbre sans le placer en absolu?

Answer 1

Eh bien, il semble que je dois vivre avec ce problème et changer ma disposition.

Answer 2

utilisez la largeur maximale. E.g. max-largeur: 100px; Définir la largeur maximale à 100 px.

Answer 3

Vous devez créer un DIV qui enveloppe votre jstree-DIV, quelque chose comme ça:

<div id="wrap"> 
    <div id="jstree"> 
    // Here you have your tree 
    </div> 
</div> 

Maintenant, placez wrapper CSS débordement propriété à automatique et définir la taille maximale:

#wrap { 
    width: 200px; 
    height: 400px; 
    overflow: auto; 
}