SlickGrid 100% hauteur du parent?
Je suis en train d'utiliser SlickGrid avec jQuery INTERFACE de Mise en formeet je veux SlickGrid d'occuper 100% de la hauteur de celle du parent volet.
Question est, quand SlickGrid est instancié, il n'a pas de lignes (une partie de mon interface ajax charges dans les données plus tard, pas au chargement de la page), de sorte que la hauteur est définie par défaut à quelque chose comme 1px (plus la hauteur de l'en-tête). Lorsque je charge dans les données plus tard, je ne peux pas voir les lignes.
J'ai essayé de réglage de la SlickGrid élément DOM height: 100%;
mais qui ne fait rien. Comment puis-je forcer le SlickGrid toile de prendre jusqu'à 100% de la hauteur de la fenêtre, il vit, même s'il a moins de lignes de données?
source d'informationauteur neezer
Vous devez vous connecter pour publier un commentaire.
J'ai fini de travailler autour de cela en utilisant une combinaison de jQuery PubSubla Disposition de l'INTERFACE utilisateur de méthodes d'accès, et SlickGrid de
resizeCanvas()
méthode. Il semble fonctionner assez bien.Note: Mon projet était déjà à l'aide de pubsub, et je me charge de mes modules à l'aide de RequireJS.
Donc, dans ma grille de fichier de module, je abonnez-vous une méthode pour recevoir les nouvelles innerHeight de la fenêtre, il vit dans, qui l'enregistre dans une variable locale, puis appelle mon
resize();
fonction:Alors, dans mon init fichier js (où la mise en page est définie), j'ai mis de la bonne édition pour l'état initial et à chaque fois que le volet central changements:
Qui semble faire exactement ce que je veux. Je sais que c'est pas une solution, mais il ne ressemble pas à SlickGrid pouvez faire tout cela sur son propre.
Je vais vous donner une réponse qui même je n'aime pas, mais mon javascript compétences sont limitées et c'est une solution que je suis en utilisant jusqu'à ce que je trouve quelque chose de mieux.
En gros, je prends de la hauteur et de soustraire la hauteur de tous les autres éléments extérieurs de la slickgrid, comme ceci:
Le "44" est un truqués nombre qui est assez proche de la hauteur de l'espace supplémentaire à l'intérieur de la slickgrid, etc.
Pour ceux comme moi qui a eu une erreur similaire, mais différentes circonstances :
De la wiki - "de manière explicite de La largeur et de la hauteur de la slickgrid conteneur sont nécessaires dans le balisage, sinon la grille du corps n'est pas visible (hauteur:1px) et la grille reçoit la largeur de l'en-tête de grille (largeur:100000px)."
Donc n'oubliez pas de donner à la grille principale div de largeur & hauteur !
ps: Ne pensez pas qu'il s'applique à cette question ici, mais c'était la seule question qui surgit sur la recherche "de la nappe de la grille de 1px bug" :-/
J'ai pris Van de réponse et il est réglé comme suit. Il y a encore des numéros de magiemais au moins vous n'avez pas besoin de connaître le des conteneurs spécifiques.
HTML:
CSS:
JavaScript:
J'espère que cette réponse est toujours utile, je suis tombé sur elle dans une autre réponse: https://stackoverflow.com/a/10878955/4606828
Dans Slickgrid options ajouter
autoHeight
:La Slickgrid grandira toujours avec son contenu et vous pouvez définir le parent de la hauteur de quoi que ce soit.