此处的示例显示了如何将新行追加到tablesorter表。 https://mottie.github.io/tablesorter/docs/example-add-rows.html 如何从表格中删除选定的行? 我打算添加一个带有复选框元素的列,如下所示。但是,如何以更新表的方式触发删除和删除过程?
<table class="tablesorter">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>Total</th>
<th>Discount</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td>Peter</td>
<td>Parker</td>
<td>28</td>
<td class="discount">$9.99</td>
<td>20%</td>
<td>Jul 6,2006 8:14 AM</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>John</td>
<td>Hood</td>
<td>33</td>
<td class="discount">$19.99</td>
<td>25%</td>
<td>Dec 10,2002 5:14 AM</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Clark</td>
<td>Kent</td>
<td>18</td>
<td class="discount">$15.89</td>
<td>44%</td>
<td>Jan 12,2003 11:14 AM</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Bruce</td>
<td>Almighty</td>
<td>45</td>
<td class="discount">$153.19</td>
<td>44%</td>
<td>Jan 18,2001 9:12 AM</td>
</tr>
</tbody>
</table>
目前,我使用以下命令向表中添加新元素:
var row = '<tr><td><input type="checkbox"></td><td>'+ano+'</td><td>'+aname+'</td><td>'+anumber.value+'</td><td>'+start+'</td><td>'+ende+'</td></tr>';
$row = $(row),resort = true;
$('#table1')
.find('tbody').append($row)
.trigger('addRows',[$row,resort]);
我的问题是,如果我将无效的项目添加到表中,则需要有可能再次将其删除。 @ mottie,@ marc谢谢您的支持。 我现在已经用以下javascript代码解决了它:
function RemoveRow(row){
var table = document.getElementById ("table");
var count=1;
var rowcount = table.rows.length;
$('#table tr:has(td)').find('input[type="checkbox"]').each(function() {
count++;
if ($(this).prop("checked") == true){
table.deleteRow(count);
count--;
}
});
var resort = true;
$("#table1").trigger("update",[resort]);
}
上面的代码满足了我的需要,执行,我不确定这是否繁琐。