jQuery 表格排序器，已编号的已排序列

Question

如何计算已排序的列？
如果我点击列"Date"需要计算它1，接下来点击"Client"需要计算它2

这是我的主题：

<thead>
<tr>
    <th>Quotation No</th>
    <th>Date</th>
    <th>Client</th>
    <th>Manager</th>
    <th>Total amount</th>
    <th>Order</th>
</tr>
</thead>

例子 http://i58.tinypic.com/2lszc0n.jpg

Answer 1

如果您使用我的 fork of tablesorter, you can use the following code (demo):

$(function () {
    $('table')
        .on('sortEnd', function(){
            var i,
                c = this.config,
                list = c.sortList;
            // clear indexes
            c.$headers.find('.index').text('');
            for (i = 0; i < list.length; i++) {
                c.$headers.eq( list[i][0] ).find('.index').text( i+1 );
            }
        })
        .tablesorter({
            theme: 'blue',
            headerTemplate: '{content}{icon}<span class="index"></span>',
            widgets: ['zebra']
        });
});

结果与示例屏幕截图中的结果并不完全相同，但您可以通过一些 css 修改来实现。

如果您使用的是原始表格排序器，您可以手动将 <span class="index"></span> 添加到每个 header。

jQuery 表格排序器，已编号的已排序列

jQuery tablesorter, numbered sorted columns

tablesorter