tablesorter と Pager プラグインで表の内容を複数ページに分ける

jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表（テーブル）において、表（テーブル）の内容を複数ページに分けて表示する方法。複数ページに分けるには、「Pager」プラグインを併用する。

「Pager」プラグインも、「 jquery.tablesorter.zip 」に含まれている。「addons/pager/」フォルダ内にある。

実装例（サンプル）

ボタンを押すと最初のページを表示する。
ボタンを押すと前のページを表示する。
ボタンを押すと次のページを表示する。
ボタンを押すと最後のページを表示する。
で、1ページに表示する項目数を選択できる。
表の列の見出し（「商品名」「ID」「値段」「評価」「デザイン」）をクリックすると、その列の値を基準に、商品を並べ替える。昇順の列は降順に並べ替え、降順の列は昇順に並べ替え、昇順でも降順でもない列は昇順に並べ替える。
列の見出しにある「」が、昇順で並べたときは「」に変わり、降順で並べたときは「」に変わる。
「値段」で並べ替えた後、キーボードの「Shift」キーを押したまま、「評価」をクリックすると、「値段」が同じ商品だけ、さらに「評価」を基準に並べ替える。この例の場合、8800円の商品3つを、さらに「評価」に基づいて並べ替える。
並べ替えの基準にした列の見出しの背景色は、　この色　に変わる。複数の列を基準にしたときは、複数の見出しの背景色が、　この色　に変わる。

パスは、それぞれ、アップロードした場所を指定する。

「size: 3」初回表示時の1ページに表示する項目数を3に設定している。