Insérer plusieurs lignes dans une cellule de Tableau HTML

Je suis en train d'insérer des lignes dans une cellule de Tableau HTML à l'aide de jquery, je veux quelque chose comme ceci:

--------------
ID | Sec | Div
--------------
1  | S1  | D1
   | S2  | D2
   | S3  | D3
--------------
2  | S3  | D3
   | S4  | D4
   | S5  | D5
--------------

Voici ce que j'ai à ce jour:

function insertRows(this){


var Rows1 = '<tr><td> S1 </td></tr><tr><td> S2 </td></tr><tr><td> S3 </td></tr>'
var Rows2 = '<tr><td> S3 </td></tr><tr><td> S4 </td></tr><tr><td> S5 </td></tr>'

this.srcElement.parentElement.nextSibling.outerHTML = Rows1
this.srcElement.parentElement.nextSibling.nextSibling.outerHTML = Rows2

}

Ce qui est fait est, il insère le tout dans la même Ligne, quelque chose comme ceci:

---------------------
ID | Sec     | Div
---------------------
1  | S1S2S3  | D1D2D3
---------------------
2  | S3S4S5  | D3D4D5
---------------------

Comment puis-je faire ce travail?

Il n'y a pas de concept de "lignes à l'intérieur des cellules"... vous devez soit mettre en œuvre la rowspan attribut, ou de mettre en œuvre une structure de table chaque cellule, par exemple
Assurez-vous d'insérer des tables complètes au sein de la cellule de début et de fin avec une bonne table de balises.
Si vous souhaitez utiliser jQuery... puis utiliser jQuery.
Il n'y a pas de code jQuery visible. Et this est un mot-clé, ne l'utilisez pas comme un paramètre.

OriginalL'auteur user793468 | 2012-09-24