Je voudrais créer une table dans un élément div (P> sur mon fichier .html, j'ai cette sur mon fichier JS, je veux placer de nouveau Tableau avec des lignes et avec des données Comment puis-je implémenter cela?
5 Réponses :
var newContent = $('<your html="here"/>');
var insertLocation = $('#div1');
insertLocation.append(newContent);
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');
Il y a beaucoup de façons différentes que vous pourriez aller avec cela. Une solution est de faire quelque chose comme ceci: 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: 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 ") )
HTML ayant cette structure: ceci est le code JQuery
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;
}