Создайте сводную таблицу с JavaScript

Question

Я создаю таблицу с использованием JS, проблема в том, что я не могу правильно отформатировать ее, и она не отображается чуть ниже кнопки, выполняющей функцию,

Шаг 1: Создать таблицу из my DropDownList для данных с заголовками

Шаг 2: при необходимости удалить реестр

Шаг 3: Сохранить данные в BD

Таблица:

Я просто привел пример DropDownListFor, чтобы не насыщать вопрос, но эти DropDownListFor - это место, где я беру данные для заполнения таблицы

<div class="hijo">
                 @Html.LabelFor(m => m.Proyecto, new { @class = "", style = "color:#040404" })

                 @Html.DropDownListFor(Model => Model.ProyectoID, Model.Proyecto, "Seleccionar")

                 @Html.ValidationMessageFor(Model => Model.Proyecto, null, new { @class = "label label-danger", Id = "Proyecto" })
             </div>

Функция JS

function genera_tabla() {
var body = document.getElementsByTagName("body")[0];
var tabla   = document.createElement("table");
var tblBody = document.createElement("tbody");
for (var i = 0; i < 2; i++) {
  var hilera = document.createElement("tr");
for (var j = 0; j < 2; j++) {
  var Proyecto = document.getElementById('Proyecto');
  var celda = document.createElement("td");
  var textoCelda = document.createTextNode(Proyecto+i+", columna "+j);
  celda.appendChild(textoCelda);
  hilera.appendChild(celda);
  }
  var Nivel = document.getElementById('Nivel').value;
tblBody.appendChild(hilera);
}
tabla.appendChild(tblBody);
body.appendChild(tabla);
tabla.setAttribute("border", "2");
}