jQueryのtablesorterでソートしない固定列をつくりたい。

Question

php・jQuery・SQLを勉強し始めて3ヶ月の初心者です。

phpとjQueryを使用してDBのデータをajaxを利用してテーブルに表示させるプログラムを作成しています。

テーブルはjQueryのプラグインtablesorterを使用してソートさせています。

構成
table.php(テーブル表示ページ)
tablePost.php（ajax送信後、table.phpに表示したいテーブルがあるページ）
jquery.tablesorter.min.js

やりたいこと：
テーブルの一番左の列は行番号（昇順 1→10）として、ソートさせずに固定したい。

やったこと：
１）オプションのソート無効指定では、行番号列のクリックは無効になるが、別の列がソートされると一緒にソートされる。（当たり前ですが…）
２）ソート処理の後に連番を再表示させようと$.when .done で実行順を指定して処理を試みるが何も起きない
３）#sortTableのthが押されたら連番を再表示しようと試みるが、1回目のthクリックでソートされ、2回目のクリックで降順（10→1）になってしまう。
４）テーブルのthクリックではなく、外側にソートボタンを付けると行番号の再表示に成功するが、thクリックで実現したい。
５）jquery.tablesorter.min.jsを直接編集しようとしたが、どこに記述してよいやら分からず…

考え方、ヒントなどご教授いただければ幸いです。

teble.php

<table id="sortTable" class="tablesorter">
    <thead>
    <tr>
    <th>行番号</th>
    <th>名前</th>
    <th>データ01</th>
    <th>データ02</th>
    </tr>
    </thead>
    <?php
    // データベースから値を取り出す
	foreach ($stmto as $row)
	{
        //処理
    ?>
    <tr>
    <td class="lineNum"></td>
    <td><?=h($名前)?></td>
    <td><?=h($データ01)?></td>
    <td><?=h($データ02)?></td>
    </tr>
    <?php } ?>
</table>

<!--========================================-->

<script>
$(function()
{
    //連番を表示
    $('.lineNum').each(function (i)
    {
        i = i+1;
        $(this).text(i);
    });
    //ソート実行
    $("#sortTable").tablesorter(
    {
        headers:
        {
            0:{sorter:false},
            1:{sorter:false}
        }
    });
});
</script>

試した処理：

//２）--------------------------------------------------------

$(function()
{
    $.when(
        //連番を表示
        $('.lineNum').each(function (i)
        {
            i = i+1;
            $(this).text(i);
        }),
        //ソート実行
        $("#sortTable").tablesorter(
        {
            headers:
            {
                0:{sorter:false},
                1:{sorter:false}
            }
        })		
    )
    .done(function()
    {
        //連番を再表示
        $('.lineNum').each(function (i)
        {
                i = i+1;
                $(this).text(i);
        });			
    });
});	

//３）--------------------------------------------------------

$(function()
{
    //連番を表示
    $('.lineNum').each(function (i)
    {
        i = i+1;
        $(this).text(i);
    });
    //ソート実行
    $("#sortTable").tablesorter(
    {
        headers:
        {
            0:{sorter:false},
            1:{sorter:false}
        }
    });
    $(document).on('click','#sortTable th',function()
    {
        //ソートされても順位を再表示
        $('.lineNum').each(function (i) {
            i = i+1;
            $(this).text(i);
        });
    });	
});

コード

Answer 1

３）の方法に$("#sortTable").trigger("update");を追加することで実現できました。
力技ですが…

<table id="sortTable" class="tablesorter">
    <thead>
    <tr>
    <th>行番号</th>
    <th class="sortBtn">名前</th>
    <th class="sortBtn">データ01</th>
    <th class="sortBtn">データ02</th>
    </tr>
    </thead>
    <?php
    // データベースから値を取り出す
    foreach ($stmto as $row)
    {
        //処理
    ?>
    <tr>
    <td class="lineNum"></td>
    <td><?=h($名前)?></td>
    <td><?=h($データ01)?></td>
    <td><?=h($データ02)?></td>
    </tr>
    <?php } ?>
</table>

/*------------------------
テーブルソート
------------------------*/
$(function()
{
    //行番号表示
    lineNum();
    //ソート実行
    $("#sortTable").tablesorter(
    {
        headers:
        {
            0:{sorter:false},
            1:{sorter:false}
        },
    });
    //行番号再表示
    $(document).on('click','.sortBtn',function()
    {
        $("#sortTable").trigger("update");
        lineNum();
    });	
});

//行番号生成
function lineNum()
{
    $('.lineNum').each(function (i)
    {
        i = i+1;
        $(this).text(i);
    });
}