Bucles anidados:
$('#crear').click(function () { var tabla = "<table class='table table-bordered'>"; var filas = $('#filas').val(); var columnas = $('#columnas').val(); for (var i = 0; i < filas; i++) { tabla += "<tr>"; for (var j = 0; j < columnas; j++) { tabla += "<td>#</td>"; } tabla += "</tr>"; } tabla += "</table>"; $('#resultado').html(tabla); });
Bucles sucesivos:
$('#crear2').click(function () { var tabla = "<table class='table table-bordered'>"; var filas = $('#filas').val(); var columnas = $('#columnas').val(); var fila = ""; for (var i = 0; i < columnas; i++) { fila += "<td>#</td>"; } for (var i = 0; i < filas; i++) { tabla += "<tr>"+fila+"</tr>"; } tabla += "</table>"; $('#resultado').html(tabla); });
Usando jquery:
$('#crear3').click(function () { var tabla = "<table class='table table-bordered'></table>"; $('#resultado').html(tabla); var filas = $('#filas').val(); var columnas = $('#columnas').val(); for (var i = 0; i < filas; i++) { $('table').append("<tr></tr>"); } for (var i = 0; i < columnas; i++) { $('tr').append("<td>#</td>"); } });