如何计算已排序的列?
如果单击“日期”列需要对其进行编号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>
如果您使用的是tablesorter的fork,则可以使用以下代码(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>
手动添加到每个标题中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句