Salut

je remonte ce topic parceque j'aimerai bien comprendre cette exemple.
J'essai depuis un tableau (en cliquant sur une ligne) de générer un deuxieme tableau.

<script language="javascript" type="text/javascript">

function create()
{
	
	var doc = document.getElementById('tabl');	
	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);
    
}

</script>

<table>

<thead>
	<tr>
		<th>id</th>
		<th>test</th>	
	</tr>
</thead>

	<tr  onclick="create();">
		<th>25</th>
		<th>?</th>		
	</tr>
	<tr  onclick="create();">
		<th>37</th>
		<th>?</th>		
	</tr>
</table>
	
<div id="tabl">

</div>

doc.createTHead();

doc.createTFoot();