Skip to content

Instantly share code, notes, and snippets.

@fredyfx
Created August 9, 2017 00:15
Show Gist options
  • Save fredyfx/f3cfb8de0edc80a3946606fb8d31046d to your computer and use it in GitHub Desktop.
Save fredyfx/f3cfb8de0edc80a3946606fb8d31046d to your computer and use it in GitHub Desktop.
Crear tabla HTML a partir de JSON con un orden especifico
function RenderizarTabla(dataJsonParaRender) {
var tabla = $("#resultado");
var tabla = $("#resultado").html("");
$.each(dataParaRender, function (rowIndex, r) {
var row = $("<tr/>");
//Aqui viene el detalle:
//el JSON puede estar desordenado y lo forzamos a trabajar con el orden que definamos
var myCustomIndex = ["columna1", "columna3", "columna4", "columna8", "columna11"];
myCustomIndex.forEach(function (index, value) {
row.append($("<td/>").text(r[index]));
});
//Ahora que ya tenemos toda nuestra data mostrada en un HTML, procedemos a agregar un boton para alguna operacion
row.append($("<td/>")
.append($('<button/>', {
text: 'Seleccionar',
click: function () {
alert('!Seleccionado!');
}
})));
tabla.append(row);
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment