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

Question

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

类似地，单击"-"按钮时，需要删除行，单击其他按钮时，则需要删除列。

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

Answer 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>");
}

如果您不理解某些内容，请随时询问