En supposant que vous avez le code HTML du tableau, vous pouvez simplement créer un objet jQuery hors de lui et l'ajouter à la DIV. Si vous avez les données, vous aurez besoin de parcourir et de créer des cellules/lignes de données et de les ajouter de façon indépendante.
var data =[[1,2,3],[4,5,6],[7,8,9]];var html ='<table><thead><tr>...</tr></thead><tbody>';for(var i =0, len = data.length; i < len;++i){
html +='<tr>';for(var j =0, rowLen = data[i].length; j < rowLen;++j ){
html +='<td>'+ data[i][j]+'</td>';}
html +="</tr>";}
html +='</tbody><tfoot><tr>....</tr></tfoot></table>';
$(html).appendTo('#div1');
Il existe de nombreuses façons que vous pourriez aller avec cela. Une façon est de faire quelque chose comme ceci:
//$(document).ready() makes sure that nothing happens until the page//is fully loaded. It's important because the div may not have loaded//yet if you put code outside of this
$(document).ready(function(){
$("#div1").append("<table><tr><td>My column 1, row 1</td>"+"<td>My column 2, row 2</td></tr>"+"<tr><td>My column 1, row 2</td>"+"<td>My column 2, row 2</td></tr></table>");});
Cela permettra de mettre l'intégralité de la table dans votre div, considérés comme des fichiers HTML. Une autre façon, si vous souhaitez ajouter à chaque ligne séparément, serait:
$(document).ready(function(){
$("#div1").append("<table id=\"my_table1\"></table>");
$("#my_table1").append("<tr><td>Row 1</td></tr>");... insert more rows here ...
$("#my_table1").append("<tr><td>Row ...</td></tr>");});
Il est important de comprendre que .append() va mettre le HTML ou texte que vous saisissez à l'intérieur de de tout élément que vous avez sélectionné en utilisant le dollar-signe sélecteur ($("selector text"))
En supposant que vous avez le code HTML du tableau, vous pouvez simplement créer un objet jQuery hors de lui et l'ajouter à la DIV. Si vous avez les données, vous aurez besoin de parcourir et de créer des cellules/lignes de données et de les ajouter de façon indépendante.
ou
OriginalL'auteur tvanfosson
Il existe de nombreuses façons que vous pourriez aller avec cela. Une façon est de faire quelque chose comme ceci:
Cela permettra de mettre l'intégralité de la table dans votre div, considérés comme des fichiers HTML. Une autre façon, si vous souhaitez ajouter à chaque ligne séparément, serait:
Il est important de comprendre que
.append()
va mettre le HTML ou texte que vous saisissez à l'intérieur de de tout élément que vous avez sélectionné en utilisant le dollar-signe sélecteur ($("selector text")
)OriginalL'auteur John Nicely
HTML ayant cette structure:
C'est le code jquery
OriginalL'auteur vishwakarma09
PAR EXEMPLE, VOUS AVEZ REÇU JASON DONNÉES À PARTIR DU SERVEUR.
VOICI LE CODE POUR gg_stringformat
OriginalL'auteur GGSoft
OriginalL'auteur John Fisher