2017-10-23 4 views
1

私はoutside the tablevar sorting = [[2,"n"]];を使用して私のtablesorterテーブルを正常にソートしています。そのリンクをクリックすると、逆の方法でテーブルがソートされます(ASCからDESCなど)。テーブルトップソートリンクをクリックして外に

3番目の列を昇順に並べ替えるには、リンクをもう一度クリックして反対方向に並べ替えることができますか? var sorting = [[2,"a"]];は、テーブルを昇順でソートしますが、そのリンクをもう一度クリックして反対方向に並べ替えることはできません!

ありがとうございました!

$("#trigger-tg").click(function() { 
    // set sorting column and direction, this will sort on the first and third column the column index starts at zero 
    var sorting = [[2,"n"]]; 
    // sort on the first column 
    $("table").trigger("sorton",[sorting]); 
    // return false to stop default link action 
    return false; 
}); 

答えて

0

「n」を渡す機能が含まれていたあなたの問題のtablesorterリンクは、元のtablesorterを指しているが、コードリンクおよび例は、私のfork of tablesorterから、次のとおりです。

これらは私のラインです列を「次の」方向にソートする。

共有したコード例は正常に動作します - see demo。あなたは元tablesorterを使用する必要がある場合https://mottie.github.io/tablesorter/docs/example-trigger-sort.html

は、this demoからのコードを試してみてください - ここで

$(function() { 

    var $table = $("table"); 
    $table.tablesorter(); 

    $("#trigger-tg").click(function() { 
    $table.trigger("sorton", [[[2, "n"]]]); 
    return false; 
    }); 

}); 

は、すべての可能な設定を示すドキュメントのページです。


アップデート:このコードを試してみてください、追加のクリックは、ソートを変更するユーザーに通知する(demo

HTML

<p>Sort Animals column from <a id="trigger-tg" href="#">A-Z</a>.</p> 

スクリプト

$(function() { 

    var $table = $("table"), 
    targetColumn = 2; 
    $table 
    .on("sortEnd", function() { 
     var c = this.config; 
     if (c.sortList[0][0] === targetColumn) { 
     $("#trigger-tg").text(c.sortList[0][1] === 0 ? "Z-A" : "A-Z"); 
     } 
    }) 
    .tablesorter(); 

    $("#trigger-tg").click(function() { 
    $table.trigger("sorton", [[[targetColumn, "n"]]]); 
    return false; 
    }); 

}); 
+0

おかげで、しかし、どのように外部からASCまたはDESCをソートし、トリガーリンクをクリックして逆の順序で並べ替えることはできますか? – vloryan

+0

ああ、あなたは外側から登ったり降りたりしたいと思っていますか? – Mottie

+0

逆の方法で、そのリンクをもう一度クリックしてください。はい。 – vloryan

関連する問題