如何使用jquery-tabledit插件从表中删除一行

时间:2015-07-10 18:58:45

标签: jquery

我正在使用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']
        ]
    }
});

感谢。

1 个答案:

答案 0 :(得分:0)

使用javascript:

$('#rowID).remove();