créer une barre de défilement dans un tableau

FORUM Tom's Hardware » Programmation » HTML / Javascript » créer une barre de défilement dans un tableau

créer une barre de défilement dans un tableau

Il y a 382 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

Voir les posts : Par défaut Tous Les bonnes notes Les notes insuffisantes

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : créer une barre de défilement dans un tableau

archi57

Plus d'informations

30-12-2004 à 13:15:38

Bjr et bonnes fêtes,

j'aimerai créer une barre de défilement dans un tableau avec namo webeditor ou éventuellement qu'une partie de ce tableau passer sous une autre (comme figer les volets sous excel)possible ou pas ?

merci de m'aider

KangOl

Profil : Pointeur

Plus d'informations

30-12-2004 à 13:36:54

Masquer

faut que tu utilises les <div>

Code :

<div style="overflow-y: scroll;">blah blah</div>

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

therealspa cefrog

Plus d'informations

14-01-2005 à 15:35:21

Masquer

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>one</title>
<style type='text/css'>
td.headcol {width:auto;}
</style>
</head>
<body>
<div style="width:100%;overflow:auto;">
<table border="1" style="width:100%;overflow:hidden;">
<tr colspan=5>
<td class='headcol' id='col1'>one</td>
<td class='headcol' id='col2'>two</td>
<td class='headcol' id='col3'>three</td>
<td class='headcol' id='col4'>four</td>
<td style="width:10px;"></td>
</tr>
</table>
<div>
<div style="width:100%;height:200px;overflow-Y:auto;">
<table border="1" style="width:100%;overflow:hidden">
<script type='text/javascript'>
var largcol = new Array()
for (i=1;i<5;i++){
largcol[i]=parseInt(document.getElementById('col'+i).offsetWidth)-3 + "px";
}
for (i=0;i<55;i++){
document.write("\<tr\>\<td style='width:"+largcol[1]+"'\>dsfqsdfsdd dsqf qsdf sdqf sqdf qsdf sdf  \<\/td\>\<td style='width:"+largcol[2]+"'\>two\<\/td\>\<td style='width:"+largcol[3]+"'\>three\<\/td\>\<td style='width:"+largcol[4]+"'\>four\<\/td\>\<\/tr\>" )
}
</script>
</table>
<div>
</body>
</html>