12
votes

Comment créer une nouvelle table avec des lignes à l'aide de jQuery et enveloppez-la à l'intérieur de

Je voudrais créer une table dans un élément div (P> sur mon fichier .html, j'ai cette xxx

sur mon fichier JS, je veux placer de nouveau Tableau avec des lignes et avec des données

Comment puis-je implémenter cela?


0 commentaires

5 Réponses :


-1
votes
var newContent = $('<your html="here"/>');
var insertLocation = $('#div1');
insertLocation.append(newContent);

0 commentaires

33
votes

En supposant que vous avez le HTML pour la table, vous pouvez simplement créer un objet JQuery en sortir et l'ajouter à la DIV. Si vous avez les données, vous aurez besoin de le déranger et de créer les cellules / rangées des données et les ajoutez indépendamment.

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


0 commentaires

3
votes

Il y a beaucoup de façons différentes que vous pourriez aller avec cela. Une solution est de faire quelque chose comme ceci: xxx

Cela mettra la table complète dans votre DIV, analysée en tant que HTML. Une autre solution, si vous souhaitez ajouter chaque ligne séparément, ce serait: xxx

Il est important de comprendre que .Append () mettra la page HTML ou texte que vous entrez à l'intérieur de tout élément que vous avez sélectionné à l'aide du sélecteur de sélecteur de dollar ( $ (texte sélecteur ") )


0 commentaires

0
votes

HTML ayant cette structure: xxx

ceci est le code JQuery xxx


0 commentaires

1
votes

Par exemple, vous avez reçu des données JSON du serveur.

function gg_stringformat() {
var argcount = arguments.length,
    string,
    i;

if (!argcount) {
    return "";
}
if (argcount === 1) {
    return arguments[0];
}
string = arguments[0];
for (i = 1; i < argcount; i++) {
    string = string.replace(new RegExp('\\{' + (i - 1) + '}', 'gi'), arguments[i]);
}
return string;
}


0 commentaires