如何构建一个自动将其值增加1的列？ （HTML表+ tablesorter jQuery插件）

Question

我想在我的tablesorter上构建一个以1开头的左列，并为表中的每一行增加1的值。我希望该列成为第一个列，并且当我单击任何标题时，这些数字可能不会被排序。

Answer 1

请查看row numbering widget demo - 可以在home wiki page下的＆＃34;小部件＆gt;下找到此演示的三个版本。其他＆＃34;

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

$("table").tablesorter({
    theme: 'blue',
    // prevent first column from being sortable
    headers: {
        0: { sorter: false }
    },
    // apply custom widget
    widgets: ['numbering']
});