如何在表

Question

我有桌子的页面。 在tbody我通过angularjs显示数据。在thead中，我的行与tbody中的行相同，但它是空的，当我填充输入字段并且click某处（焦点丢失）时，一行添加到我的表中（{{1 }}）。我需要在填充行上制作一些标记，就像 - thead一样，因为没有它我点击一行的输入和行添加。还有一个问题是行添加到rowAdded = true的末尾。 这一切都适用于这个剧本：

table

在plunker中有我的例子： http://plnkr.co/edit/rcnwv0Ru8Hmy7Jrf9b1C?p=preview

Answer 1

这就是你要找的东西

function insRow(ind){
  var table = document.getElementById('table-body');
  var newRow = table.rows[1].cloneNode(true);
  var len = table.rows.length;
  newRow.cells[0].innerHTML = ind!==undefined ? ind : len;
  if(ind!==undefined)
       $(table).find('tr:eq('+ind+')').before(newRow);
  else table.appendChild(newRow);
}

insRow(2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table-body">
  <tbody>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
  </tbody>
</table>