grille de données JavaScript dans une mise en page fluide?

Question

Nous songeons à l'aide du composant DataGrid de dojox dans nos applications web. Le problème, c'est qu'il ne semble pas bien jouer avec le fluide (liquide) a.k.a. mises en page CSS - il semble que chaque largeur prédéfinie. En fait, la documentation met en garde contre la largeur automatique pour les colonnes fonction et mes tentatives d'utiliser la largeur dynamique et la hauteur de la table elle-même a échoué.

Quelqu'un utiliser ce composant avec une mise en page fluide? Tous les autres composants de la grille de données JavaScript qui font un meilleur travail (nous aurons besoin et l'édition de pagination cellulaire serait bien)?

Ou est-ce problème trop difficile à résoudre dans le contexte de rendu JavaScript et CSS?

Answer 1

J'utilise dojo.layout.BorderContainer pour la mise en page et place mon DataGrid ( s) dans la ContentPane (s) de la BorderContainer. La grille est fixée à 100% pour la largeur et la hauteur, et il ajuste automatiquement à la hauteur / largeur de la ContentPane il est placé. Votre BorderContainer de base dispose de 5 régions, mais vous pouvez intégrer un BorderContainer dans un BorderContainer pour des dispositions plus complexes.