Discussion :

[numew]

Bonjour,

J'ai un tableau qui peut contenir beaucoup de données, du coup je le place dans un div conteneur ayant une hauteur fixe pour avoir une scrollbar dessus.

Le code est le suivant

Code :

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

1
2
3
4
5
6
 
.conteneur
{
  height:150px;
  overflow:auto;
}

ma page

Code :

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
 
<div class="conteneur">
<table class="tablesorter" cellspacing="1">             
    <thead>
        <tr> 
            <th>un</th> 
            <th>deux</th> 
            <th>trois</th> 
            <th>quatre</th> 
            <th>cinq</th> 
            <th>six</th> 
        </tr> 
    </thead> 
    <tbody> 
        <tr> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
        </tr>
         ....
</tbody> 
</table>
</div>

Comment puis je faire pour que l'en tête (thead) soit en dehors du scrollbar afin qu'il reste visible quand on descend dans les colonnes ?

[monstor]

Bonjour.

Pourquoi ne pas créer un autre tableau au dessus de ton div contenant ton en-tête ?

Il y a peut-être mieux mais c'est une solution....

[numew]

Non je ne peut pas, j'utilise un script jquery avec pour permettre de trier les colonnes en cliquant sur leur titre (c'est pour ca que j'aimerais les garder visibles), si ce le tableau des données et le thead ne sont pas les même le script ne marche pas.

[franculo_caoulene]

salut,

Pour qu'on puisse mieux t'aider : http://www.developpez.net/forums/sho...d.php?t=346025

[romain_ci]

Perso j'aurai fait cela

Code :

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
 
<table class="tablesorter" cellspacing="1">             
    <thead>
        <tr> 
            <th>un</th> 
            <th>deux</th> 
            <th>trois</th> 
            <th>quatre</th> 
            <th>cinq</th> 
            <th>six</th> 
        </tr> 
    </thead> 
<div class="conteneur">
    <tbody> 
        <tr> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
            <td>donnée</td> 
        </tr>
         ....
</tbody>
</div> 
</table>

J'ai pas tester mai jpence que c'est la solution à ton problème !

[numew]

romain_ci : non cette technique ne fonctionne pas, de plus je ne crois pas qu'on puisse insérer un div dans un table, merci d'avoir essayé de m'aider.

franculo_caoulene : je ne vois pas pourquoi tu m'envoie sur ce lien, mon problème est bien du css non ?