ボタンクリック時の行と列の追加ブートストラップ

Question

ブートストラップテーブルに行と列を動的に追加できるようにする必要があります。ボタンをクリックすると新しい行が表示され、他のボタンをクリックすると新しい列が表示されます。

同様に ' - 'ボタンをクリックすると、行を削除する必要があり、他のボタンのクリック、列を削除する必要があります。

私はブートストラップ3の新機能です。どんな指針も大きな助けになるでしょう！ https://jsfiddle.net/1okx6pja/ HTML：：あなたはそれを行うためにjqueryのを使用することができます

Answer 1

は、ここでは簡単な例です

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

が

気軽に