Php TableSorter jquery插件如何使用自动递增数字

我正在使用TableSorter插件来允许用户轻松地对数据进行排序。它通常工作得很好。我的问题是第一列包含一个自动递增的值。当用户对第一列以外的列进行排序时，我希望使用这些数字。该表如下所示：

$y = 0;
foreach ($data as $row) {
   $y++;
   $table = "<tr><td>$y</td></tr>
              <td>$row->name</td>
          </tr>"; 
}

print "<table id='myTable' class='tablesorter' cellpadding='1'>
          <th>No</th>
          <th>Name</th>
          $table
       </table>";

---

在排序时，我希望$y对其自身进行重新排序，以便最上面一行始终显示1。如何在不将请求发送回服务器的情况下执行此操作？Javascript？

在tablesorter home wiki页面的Widgets>other>自动行编号下，有三个示例：

.

---

也许，您可以使用js进行排序。您可以使用Ajax获得一个按php脚本排序的表。在这两种情况下，页面都不会重新加载。这可能是的副本

// add custom numbering widget
$.tablesorter.addWidget({
    id: "numbering",
    format: function(table) {
        var c = table.config;
        $("tr", table.tBodies[0]).each(function(i) {
            $(this).find('td').eq(0).text(i + 1);
        });
    }
});

// add custom numbering widget

var columnText = [ 'a', 'b', 'c', 'd', 'e' ];

$.tablesorter.addWidget({
    id: "numbering",
    format: function(table) {
        $("tr:visible", table.tBodies[0]).each(function(i) {
            $(this).find('td').eq(0).text( columnText[i] );
        });
    }
});