Discussion :

[maparè]

Bonjour,

J’ai un tableau commun à tous les onglets de l'application, dont la largeur WIDTH = 100%.

Le problème est que le tableau ne garde pas la même largeur quand on navigue dans les différents onglets.

Donc je voudrais savoir comment spécifier la largeur du tableau pour qu’elle reste la même pour tous les onglets et
pour toutes les résolutions d’écran.

Merci d’avance.

[florentB]

il faut connaître déjà la configuration minimale utilisée (pour les écrans) ...
à savoir est-ce que des utilisateurs sont en 800*600 sur leur écran ?
Y a t-il une configuration imposée ?
Après tu set la largeur de ton tableau en px en conséquence ...
Attention, ça peut donner des trucs certes uniformes, mais pas terribles au niveau ergonomie ... et présentation.
Après il doit être possible en js de choper la résolution de l'écran et de calculer toutes les longueurs en conséquence (tableau + colonnes) mais c'est un peu mortel ...

[maparè]

Salut,

En fait il n'y a pas une configuration imposée.

En fait, dans chaque onglet de l’application il y’a une liste pour laquelle il y’a des colonnes.
Lorsque le nombre de colonnes ne dépasse pas la résolution d’écran,
la largeur du tableau reste conforme à la résolution d’écran,

Mais si le nombre de colonnes de la liste est grand plus que la résolution d’écran, une barre de défilement apparaît au bas
de la fenêtre pour permettre à l'utilisateur de voir le reste.
Et c’est là que la largeur du tableau n’atteint pas le niveau
de la dernière colonne.

J’aimerai bien comprendre la méthode de choper la résolution de l'écran en JS au cas où la largeur en pixels ne marche pas.

Merci.

[florentB]

est ton ami

Après une recherche rapide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert('Your resolution is '+screen.width+'x'+screen.height);

[OButterlin]

Ce n'est pas la résolution de l'écran qui compte mais la taille de la zone d'affichage.
Tu peux avoir un écran 2048x1024 et n'utiliser qu'une fenêtre de 800x600.

Le width=100% devrait suffire, si le conteneur qui l'encapsule a la bonne taille...
Quelle est la structure des éléments html dans ta page ?

[maparè]

Ce n'est pas la résolution de l'écran qui compte mais la taille de la zone d'affichage.
Tu peux avoir un écran 2048x1024 et n'utiliser qu'une fenêtre de 800x600.

Le width=100% devrait suffire, si le conteneur qui l'encapsule a la bonne taille...
Quelle est la structure des éléments html dans ta page ?

Bonjour,

Malheureusement width=100% ou sa valeur en pixels ne résout pas le problème..

C`est un tableau contenant un autre tableau(celui-ci contient un filtre pour le tri selon différentes options) , un bouton , la pagination et un lien vers la doc. Le problème est au niveau du tableau externe qui est présent dans toutes les pages de l`application.

Les listes sur lesquelles on applique le filtre, si celles-ci possédant 6 ou moins de colonnes, l`affichage du tableau est correcte mais si le nombre de colonnes est > 6 ,la largeur du tableau se limite juste à la partie visible de l`écran.