IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Limiter la hauteur d'un tableau de hauteur variable


Sujet :

Dimensionnement en CSS

  1. #1
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 700
    Points : 857
    Points
    857
    Par défaut Limiter la hauteur d'un tableau de hauteur variable
    J'ai un tableau qui peut avoir de 0 à plus de 200 lignes.
    J'ai donc essayé de limiter sa hauteur en vue d'avoir automatiquement une barre de défilement mais ceci ne fonctionne pas: Toutes les lignes s'affichent et la hauteur dépasse 2700px.
    La console voit le CSS: #foundPersons { max-height:200px; }.
    Et voici le HTML: <table id="foundPersons">.
    Comment faire sans recourir à DataTables?

  2. #2
    Expert éminent sénior
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 120
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 120
    Points : 15 689
    Points
    15 689
    Par défaut
    Salut

    Mettre ton <table> dans un <div>.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <style>
            #Mediv {
                    height: 150px; /* c'est ici que tu définis la hauteur d'affichage souhaitée */
                    padding: 5px;
                    overflow: auto;
            }
    </style>
    <div id="Mediv">
    	<table>
    		<!--
    				ton
    			remplissage
    		-->
    	</table>
    </div>
     
    }
    pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  3. #3
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 700
    Points : 857
    Points
    857
    Par défaut
    Un grand merci!

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 187
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 187
    Points : 44 850
    Points
    44 850
    Par défaut
    Bonjour,
    tu peux également regarder du côté de : Table scrollable avec colonne fixe, le principe restant le même.

  5. #5
    Membre éclairé
    Homme Profil pro
    Ingénieur en électrotechnique retraité
    Inscrit en
    Décembre 2008
    Messages
    1 700
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Ingénieur en électrotechnique retraité

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1 700
    Points : 857
    Points
    857
    Par défaut
    D'accord, merci.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [XL-2019] Limiter la hauteur d'une image à insérer dans Excel
    Par Carabistouilleur dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 11/07/2024, 18h39
  2. Limiter la hauteur d'un affichage
    Par oanzfooe dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2022, 17h56
  3. forcer limite de hauteur d'affichage
    Par rvm31 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/03/2012, 00h03
  4. [Tableau] Hauteur variable sous IE en fonction du contenu
    Par Sekmeth dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 02/10/2008, 14h44
  5. [Etat] Limite de hauteur
    Par Ithomir dans le forum IHM
    Réponses: 2
    Dernier message: 20/04/2007, 14h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo