Javascript：创建一个动态表，第一行有列标题，第一列有行标题

我正在尝试创建一个标题显示在第一行、第二行和第一列的表。第一行将具有相同的名称，可以正常工作。但在我的下面的脚本中，行标题（从第三行开始）显示在最后一列，而不是第一列

请告知我在这方面哪里出了问题

var body = document.getElementsByTagName("body")[0];
var yardName = "B1";
var colsInYard = 5;
var rowsInYard = 5;
var tbl = document.createElement("table");
tbl.setAttribute("id", "our_table");
var tblHead = document.createElement("thead");
for (var r = 0; r < 1; r++) {
  // creates a table row
  var row = document.createElement("tr");
  for (var c = 0; c <= colsInYard; c++) {
    var cell = document.createElement("td");
    if (c != 0) {
      var cellText = document.createTextNode(yardName);
      cell.appendChild(cellText);
      row.appendChild(cell);
    } else {
      var cellText = document.createTextNode(" ");
      cell.appendChild(cellText);
      row.appendChild(cell);
    }
  }
  tblHead.appendChild(row);
}
for (var r = 0; r < 1; r++) {
  var row = document.createElement("tr");
  for (var c = 0; c <= colsInYard; c++) {
    var cell = document.createElement("td");
    if (c != 0) {
      var cellText = document.createTextNode(c);
      cell.appendChild(cellText);
      row.appendChild(cell);
    } else {
      var cellText = document.createTextNode(" ");
      cell.appendChild(cellText);
      row.appendChild(cell);
    }

  }
  tblHead.appendChild(row);
}
tbl.appendChild(tblHead);
var tblBody = document.createElement("tbody");
for (var r = 1; r <= rowsInYard; r++) {
  var row = document.createElement("tr");
  var cellText = document.createTextNode(r);
  for (var c = 0; c <= colsInYard; c++) {
    var cell = document.createElement("td");
    cell.appendChild(cellText);

    row.appendChild(cell);
  }
  tblBody.appendChild(row);
}
tbl.appendChild(tblBody);
body.appendChild(tbl);
tbl.setAttribute("border", "0");
tbl.setAttribute("cellpadding", "0");
tbl.setAttribute("cellspacing", "0");

var body=document.getElementsByTagName（“body”）[0]；
var yardName=“B1”；
var colsInYard=5；
var rowsInYard=5；
var tbl=document.createElement（“表”）；
tbl.setAttribute（“id”、“我们的表格”）；
var tblHead=document.createElement（“thead”）；
对于（var r=0；r<1；r++）{
//创建一个表行
var行=document.createElement（“tr”）；
对于（var c=0；c我认为您只需要在tbody部分的代码中添加一个IF语句，就可以将数据发布到第一列中。我用下面的代码修改了jfiddle（只添加了2行），并且正确插入了值

            for (var r = 1; r <= rowsInYard; r++) {
              var row = document.createElement("tr");
              var cellText = document.createTextNode(r);
              for (var c = 0; c <= colsInYard; c++) {
                var cell = document.createElement("td");
                if (c==1){                        // <--- this was added 
                    cell.appendChild(cellText);
                 }                              // <--- this was also added

                row.appendChild(cell);
              }
              tblBody.appendChild(row);
            }

for（var r=1；r我认为您只需要在tbody部分的代码中添加一个IF语句，就可以将数据发布到第一列中。我修改了jfiddle，使用下面的代码（只添加了2行），并且正确插入了值

            for (var r = 1; r <= rowsInYard; r++) {
              var row = document.createElement("tr");
              var cellText = document.createTextNode(r);
              for (var c = 0; c <= colsInYard; c++) {
                var cell = document.createElement("td");
                if (c==1){                        // <--- this was added 
                    cell.appendChild(cellText);
                 }                              // <--- this was also added

                row.appendChild(cell);
              }
              tblBody.appendChild(row);
            }

for（var r=1；r在createtbody中缺少if语句

 for (var c = 0; c <= colsInYard; c++) {
       var cell = document.createElement("td");
       if (c=== 0)
       cell.appendChild(cellText);

       row.appendChild(cell);
 }

for（var c=0；c在createtbody中缺少if语句

 for (var c = 0; c <= colsInYard; c++) {
       var cell = document.createElement("td");
       if (c=== 0)
       cell.appendChild(cellText);

       row.appendChild(cell);
 }

for（var c=0；c感谢您的快速响应。感谢您的快速响应。感谢您的快速响应。感谢您的快速响应。