Tablesorter如何从表中删除选定的行

此处的示例显示了如何将新行追加到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]);
        }

上面的代码满足了我的需要,执行,我不确定这是否繁琐。

wuya790 回答:Tablesorter如何从表中删除选定的行

我已经这样解决了:

 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]);
        }
本文链接:https://www.f2er.com/3116139.html

大家都在问