Tablesorter jquery在表格的html表格中显示总行数

Question

我正在使用Tablesorter和一个MODELorter

的mod

1. http://tablesorter.com/docs/
2. http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm

我有一个非常简单的问题。在mod功能中，如何在表格上方显示总可见行数？我知道它需要一个文本框来显示结果，但我如何获得该值？它应该显示类似“检索的总行数：100”。

Answer 1

您只需添加标题行：

<tr>
    <th colspan="6" class="total">
        Total Rows: <span>0</span>
    </th>
</tr>

然后输入信息而不需要任何tableorter（demo）

var totalrows = $('table tbody tr').length;
$('.total span').html(totalrows);​

Answer 2

使用fudgey的逻辑，但希望我的总行在表外，所以修改如下。

Total Rows: <span class="total"> 0  </span>
<table cellspacing="1" class="tablesorter"> 
....  </table>

javascript：其中Active是我的tr行的类。

var totalrows = $('.Active').length;

$('.total').html(totalrows);