6

jquery tablesortingプラグインの特定の列での並べ替えを無視できますか？

したがって、基本的にページが読み込まれるとき、「検索」列で並べ替えを実行したくありません。これは、画像が含まれ、独自のJavaScript処理を実行するため、並べ替えが大幅に遅くなるためです。

これが私のコードです：

<script type="text/javascript">
jQuery(document).ready(function() { 

    jQuery("table").tablesorter({ 


});

}）;

    puts "<table cellspacing=\"1px\" class=\"tablesorter\" >"
    puts "<thead>"
    puts "<tr>"
    puts    "<th>Search</th>"
    puts    "<th>Sub-App</th>"
    puts    "<th>Division</th>"
    puts    "<th>Region</th>"
    puts    "<th>Market</th>"
    puts    "<th>Language</th>"
    puts    "<th>Function</th>"
    puts    "<th>LOB</th>"
    puts    "<th>Term</th>"
    puts    "<th>Center</th>"
    puts "</tr>"
    puts "</thead>"
    puts "<tbody>"

    puts "<tr>"
    puts    "<td id=\"$cellID\">"
    puts    "<img src=\"images/magnifier.gif\" style=\"cursor:pointer\" onclick=\"showRouting({'spec':'${specific}', 'id':'${mkt_id}', 'name':'${mkt_name}', 'xfer':'${xfertype}', 'cell':'${cellID}'})\"</img>"
    puts    "</td>"
    puts    "<td>$level</td>"
    puts    "<td>$div_name</td>"
    puts    "<td>$reg_name</td>"
    puts    "<td>$link</td>"
    puts    "<td>$lang</td>"
    puts    "<td>$func</td>"
    puts    "<td>$lob</td>"
    puts    "<td>$term</td>"
    puts    "<td>$ctr_name</td>"
    puts "</tr>"

    puts "</tbody>"
    puts "</table>"
4

3 に答える 3

11

ドキュメントに従って、これで使用できますclass="sorter-false"

于 2013-02-07T13:38:52.327 に答える
9

どうでも。以下は私の質問に答えます。その列に画像が表示されるため、並べ替えが速くなることはありません。

 headers: {
            0: { sorter: false }

        }
于 2012-06-01T21:54:37.467 に答える
6

並べ替えたくない列noSortのヘッダーにクラスを追加してから、次のように追加します。</td>

$(document).ready(function() { 

    // Get Headers with Class noSort //
    var theHeaders = {}
    $(this).find('th.noSort').each(function(i,el){
        theHeaders[$(this).index()] = { sorter: false };
    });

    // Initialize Table Sorter //
    $("table").tablesorter({
         headers: theHeaders
    });
});

これがお役に立てば幸いです。

于 2012-06-01T21:55:08.240 に答える