Tableau dynamique scrollable
Bonjour à tous,
Mon problème est le suivant:
Je désirerais générer dynamiquement un tableau html avec javascript qui soit scrollable au niveau du corps.
Le code suivant me génère mon tableau à 2 colonnes et à 20 lignes :
Code:
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
30
31
32
33
34
35
36
37
38
39
40
|
function create()
{
var doc = document.getElementById('opTable');
var tr = document.createElement("TR");
var tbody=document.createElement("TBODY")
var thead=doc.createTHead();
var tfoot=doc.createTFoot();
var td2 = document.createElement("TD");
td2.setAttribute("strong");
td2.appendChild(document.createTextNode("colonne1"));
tr.appendChild(td2);
var td3 = document.createElement("TD");
td3.setAttribute("strong");
td3.appendChild(document.createTextNode("Colonne2"));
tr.appendChild(td3);
thead.appendChild(tr);
for(var j = 0; j < 40 ;j++)
{
var tr2 = document.createElement("TR");
var td3=document.createElement("TD");
var td4=document.createElement("TD");
td3.appendChild(document.createTextNode("1"));
td4.appendChild(document.createTextNode("2"));
tr2.appendChild(td3);
tr2.appendChild(td4);
tbody.appendChild(tr2);
}
doc.appendChild(thead);
doc.appendChild(tfoot);
doc.appendChild(tbody);
} |
Serait-il possible de le rendre scrollable ?
Merci d'avance pour vos réponses.
