2015-07-10 140 views
0

我使用jquery-tabledit插件来编辑/删除表格中的行。编辑模式可以正常工作,但不起作用,删除功能。 请给我一些信息如何使删除表中的行。如何使用jquery-tabledit插件从表格中删除一行

这是标记。

<table class="table datatable table-striped table-bordered table-editable" cellspacing="0" width="100%" id="example2"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 
     <tr> 
      <td>Garrett Winters</td> 
      <td>Accountant</td> 
      <td>Tokyo</td> 
      <td>63</td> 
      <td>2011/07/25</td> 
      <td>$170,750</td> 
     </tr> 
     <tr> 
      <td>Ashton Cox</td> 
      <td>Junior Technical Author</td> 
      <td>San Francisco</td> 
      <td>66</td> 
      <td>2009/01/12</td> 
      <td>$86,000</td> 
     </tr> 
     <tr> 
      <td>Cedric Kelly</td> 
      <td>Senior Javascript Developer</td> 
      <td>Edinburgh</td> 
      <td>22</td> 
      <td>2012/03/29</td> 
      <td>$433,060</td> 
     </tr> 
    </tbody> 
</table> 
$('#example2').Tabledit({ 
    columns: { 
     identifier: [0, 'id'], 
     editable: [ 
      [1, 'nickname'], 
      [2, 'firstname'], 
      [3, 'lastname'], 
      [4, 'lastname'] 
     ] 
    } 
}); 

感谢。

回答

0

采用javascript:

$('#rowID).remove();