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
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
rowspan
attribut, ou de mettre en œuvre une structure de table chaque cellule, par exempleAssurez-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
Vous devez vous connecter pour publier un commentaire.
Vous Pouvez Satisfaire vos besoins sans l'aide de jquery
Collez simplement ce Code dans la balise body
ici vous pouvez trouver vivent exemple http://jsfiddle.net/Anujyadav123/AdQy3/
OriginalL'auteur Anuj
.innerHTML
est plutôt cassé lorsque vous traitez avec des tables, au moins sous IE.Vos choix sont:
.innerHTML
de ne modifier le contenu d'untd
élément..innerHTML
pour remplacer l'ENSEMBLE de la structure de la table deDOM
méthodes pour manipuler les lignes de la table et des cellules de tableau.https://developer.mozilla.org/en-US/docs/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces
OriginalL'auteur Jeremy J Starcher
prendre un coup d'oeil ici Ajouter colspan et rowspan sur la table à la volée
OU
est-il important d'ajouter une ligne, si vous êtes en mesure d'ajouter vos valeurs dans la cellule
Exemple:
OriginalL'auteur Anton Baksheiev