Tableau dynamique scrollable

**breizher** · 23/08/2006, 09h19

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 :

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
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);
 
}