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 :

fixer l'entête d'un tableau


Sujet :

Tableau en CSS

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2013
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2013
    Messages : 17
    Points : 9
    Points
    9
    Par défaut fixer l'entête d'un tableau
    Bonjour, après plusieurs tentatives et recherches je viens a vous pour m'aider résoudre ce problème de fixation de l'entête de mon tableau.
    j'ai un tableau que je veux fixer l'entête pour cela je suis passé par la methode de tableau contenu dans des div différents pour ensuite les positionner mais le hic c'est la taille de mes tableaux. le premier étant celui des entêtes et le second celui de données, n'arrivent pas a avoir les mêmes tailles malgré le faite que j'ai fixé la taille des différents td . et ceux malgré l'utilisation aussi de table-layout:fixed.

    ensuite je me suis retourné vers les thead et tbody pour ensuite fixer les entêtes mais idem, dès que je fixe les entêtes avec position: fixed les tailles des colonnes des entêtes ne correspond plus aux tailles des colonnes des données. j'ai même fixé en avance la taille des différentes colonnes mais ils ne gardent pas les mêmes largeurs. comment puis-je regler cela pour que je puisse fixer les entêtes de mon tableau voici le code
    Code php : 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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    echo "<table border=1 style='table-layout:fixed;'>";
     
     echo "<caption><h4>" . $nomTable . "</h4></caption>";
       echo " <thead style='position: fixed;'>"; 
       echo "<tr  >"; /*entete de colonnes */
       for($j=1 ; $j<= $entete ; $j++)
        {$nomCol = odbc_field_name($this->rst, $j);
         echo "<th style='width:80px;'>". $nomCol . "</th>";
        }
       echo "</tr>";
       echo " </thead>"; 
    	  echo " <tbody >"; 
     
     /* Afficher la ligne dans un tableau HTML*/
       while (odbc_fetch_row($this->rst,$i))
        {
         echo "<tr >";
         for($j=1 ; $j<= $entete ; $j++)
          {$champ = utf8_encode (odbc_result($this->rst, $j));
           if(is_numeric(str_replace(" ", "",str_replace(",", ".", $champ))))
    	   echo "<td align='right' style='width:80px;'>". $champ . "</td>";
    	   else
    	  echo "<td style='width:80px;'>". $champ . "</td>";
          } 
        $i++;	  
         echo "</tr>";
        }
     echo " </tbody>";  
       echo "</table>";
    je précise que le tableau es généré a partir d'une requete en php donc de façon dynamique. merci de vos aident

  2. #2
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 289
    Points
    5 289
    Par défaut
    bonjour,

    en lisant les règles du forum vous pourriez comprendre que sur ce forum (Css) vous ne devez poster que du code Html/Css pour espérer être aidé.
    Ou alors poster dans le forum adéquat.

  3. #3
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Points : 3 861
    Points
    3 861
    Billets dans le blog
    6
    Par défaut
    Cette question est un classique du forum. Une simple recherche sur DVP donne plein de solutions, notamment cette version full css (voir le code source pour obtenir la css) ou bien en Javascript.

  4. #4
    Membre régulier
    Avatar de johnrock
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Brazzaville

    Informations forums :
    Inscription : Janvier 2013
    Messages : 40
    Points : 91
    Points
    91
    Billets dans le blog
    1
    Par défaut
    Prière de poster votre code html/css s'il vous plait, afin de respecter les règles de ce forum (css) et de recevoir une aide

  5. #5
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 289
    Points
    5 289
    Par défaut
    <hs>
    C'est une réunion de J.R. ?
    </hs>

  6. #6
    Membre régulier
    Avatar de johnrock
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Brazzaville

    Informations forums :
    Inscription : Janvier 2013
    Messages : 40
    Points : 91
    Points
    91
    Billets dans le blog
    1
    Par défaut
    <hs>

    Je suis peut-etre le vrai JR
    </hs>

  7. #7
    Membre expert
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Points : 3 861
    Points
    3 861
    Billets dans le blog
    6
    Par défaut
    Citation Envoyé par rodolphebrd
    <hs>C'est une réunion de J.R. ?</hs>
    C'est du win complet!

  8. #8
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 289
    Points
    5 289
    Par défaut
    On est dans un univers impitoyable...


    +1 à celui qui comprend.

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

Discussions similaires

  1. [HTML] Fixer l’entête d’un tableau HTML Large.
    Par laTayour dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 10/03/2009, 09h26
  2. Réponses: 5
    Dernier message: 27/01/2008, 17h04
  3. fixer une ligne d'un tableau
    Par nocoment dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 27/04/2007, 10h23
  4. [PHP&HTML] Fixer la largeur d'un tableau
    Par Xo Sonic oX dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 01/09/2006, 13h15
  5. Fixer l'entête d'un tableau
    Par Immobilis dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 10/06/2006, 18h02

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