Question

I am using Tablesorter and a mod of Tablesorter

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

I have a pretty simple question. In the mod functionality, how can I display the total visible row count above the table? I understand it will require a textbox to display the result, but how do I get that value? It should display something like, “total rows retrieved: 100”.

Answer 1

You can just add a header row:

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

and then enter the information without needing tablesorter at all (demo)

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