在按钮单击上添加行和列引导程序答案

【问题标题】：Adding rows and columns on button clicks bootstrap在按钮单击上添加行和列引导程序
【发布时间】：2016-04-19 18:02:02
【问题描述】：

我有一个要求，用户应该能够在引导表中动态添加行和列。在按钮上单击一个新行，另一个按钮单击一个新列应该会出现。

同理，点击'-'按钮，需要删除行，再点击按钮，需要删除列。

我是 bootstrap 3 的新手。任何指导都会有很大帮助！！

【问题讨论】：

您可以使用javascript和gettable by id并使用insertrow函数，如果您需要我可以为您提供示例代码
请提供示例代码，这将有很大帮助！
看这个链接w3schools.com/jsref/met_table_insertrow.asp
即使内容更改为 value 仍然显示，那会更酷。我的意思是，通过单击添加按钮并输入更多文本，它仍然会被打印出来。只是说，顺便说一句，您的代码将对其他人有很大帮助.. :)

标签： twitter-bootstrap rows bootstrap-modal dynamic-columns

【解决方案1】：

您可以使用 jquery 来执行此操作，这是一个简单的示例： https://jsfiddle.net/1okx6pja/ html：

<button onclick='add()'>
  add
</button>
<table>
  <tr>
    <th>content</th>
    <th>delete</th>
  </tr>
  <tbody>
    <tr>
      <td>Something</td>
      <td>
        <button onclick='rm()'>
          remove
        </button>
      </td>
    </tr>
  </tbody>
</table>

javascript：

function rm() {
  $(event.target).closest("tr").remove();
}

function add() {
  $("table").append("<tr><td>New Thing</td><td><button onclick='rm()'>remove</button></td></tr>");
}

有什么不懂的可以问

【讨论】：