如何在动态表

Question

我有一个动态创建的表。这是表创建的代码

function table() {
  var body = document.body,
    tbl = document.createElement('table'),
    tableId = document.createAttribute('id');
  tableId.value = "table";
  tbl.setAttributeNode(tableId);
  tbl.style.width = '100%';
  id = 0;
  for (var i = 0; i < 30; i++) {
    var tr = tbl.insertRow();
    tr.setAttribute("data-id", i, 0);
    for (var j = 0; j < 3; j++) {
      var td = tr.insertCell();
      td.appendChild(document.createTextNode(""));
    }
  }
  $(".lefttablediv").append(tbl);
};
table();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

现在它是空表我想在每个tr中添加不同的数据如何添加数据？