ASp.Net Gridview plus large puis parent DIV

Question

La page de problème: http: // www. webeerlieve. com/ShowThread.aspx? ID = 521

Si vous mettez votre navigateur dans 1024x768, vous verrez que la table GridView dépassera le "postbody" div. Je ne sais pas comment empêcher cela de se produire.

Answer 1

En raison de la nature d'une table, il y a une largeur minimale qui ne peut pas tomber en dessous et cette largeur est déterminée par la largeur des éléments dans chaque rangée de table. Je suppose que vous avez déjà spécifié une largeur au contrôle GridView et qu'il déborde toujours car les données sont trop volumineuses. Vous pouvez essayer d'ajouter les GridView dans un autre div et en spécifiant les propriétés CSS à cette div pour contrôler le débordement, comme ceci:

<div style="overflow: scroll; width: 800px; Height: 300px;"> 
    <asp:GridView id="GridView1" runat="server" /> 
</div> 

Maintenant, si votre GridView dépasse les dimensions du contenant div, la div restera statique taille et tout dépassement provoquera l'affichage des barres de défilement.

Answer 2

Supprimez toute largeur fixe du div lui-même, et appliquez plutôt des marges à la div et padding à la grille de données via CSS.

Cela devrait permettre à la grille de données d'être toujours contenue dans la div avec la même quantité d'espace blanc, quelle que soit la taille de la grille de données.