Question

如何计算已排序的列？
如果我单击列“日期”需要对其进行计算1，接下来单击“客户端”需要对其进行计算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，则可以使用以下代码（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修改来实现。

如果您使用的是原始的tablesorter，则可以手动将<span class="index"></span>添加到每个标题中。

jQuery tablesorter，编号排序列

1 个答案: