JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<span>N Cols:</span>
<input id="txtNCols" type="text" />
<span>N Rows:</span>
<input id="txtNRows" type="text" />
<input type="button" id="btnCrearMatriz" value="Create" />
</div>
JavaScript
$('#btnCrearMatriz').click(function () {
var rows = $('#txtNRows').val(); //here's your number of rows and columns
var cols = $('#txtNCols').val();
var table = $('<table><tbody>');
for (var r = 0; r < rows; r++) {
var tr = $('<tr>');
for (var c = 0; c < cols; c++){
var td=$('<td>')
var textbox="<input type='text' id='txt_r" +(r+1) + "c"+ (c+1) + "'/>";
td.append(textbox);
td.appendTo(tr);
}
tr.appendTo(table);
}
table.appendTo('body');
});