0

ブートストラップページングが機能していません。pagerのテキストボックスにpage#が表示されず、jquery.tablesorter.pager.js関数moveToFirstPage ln#33(table.config)にエラーがスローされます。table.configは使用できません。

コードは次のようになります:

    <table cellspacing="1" class="tablesorter">
    <thead>
        <tr>
            <th>col1</th>
            <th>col2</th> 
        </tr>
    </thead>
         <tbody>
        <tr>
            <td>val1</td>
            <td>val2</td>
                  </tr>
          </tbody>
    </table>
<div id="pager" class="pager" style="position:absolute;width:100%;background-color:#8F8F8F;color:White;">
        <form>
            <img src="@Url.Content("~/Content/images/first.png")" class="first"/>
            <img src="@Url.Content("~/Content/images/prev.png")" class="prev"/>
            <input type="text" class="pagedisplay" readonly="readonly" style="width:auto" />
            <img src="@Url.Content("~/Content/images/next.png")" class="next"/>
            <img src="@Url.Content("~/Content/images/last.png")" class="last"/>
            Show <select class="pagesize" style="width:auto;">
                <option selected="selected"  value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option  value="40">40</option>
            </select> items
        </form></div>

Jquery:

$("table").tablesorterPager({ container: $("#pager") });

何が欠けている?

4

1 に答える 1

1

あなたが見逃している大きなことは、テーブル自体をテーブルソーターにすることです。tablesorter前に電話するだけでtablesorterPager、そこに行きます。

$("table").tablesorter().tablesorterPager({ コンテナ: $("#pager") });

ところで、テーブル行とページャー オプションを適切に設定する必要があります。

于 2013-03-08T06:46:13.220 に答える