jquery - 引导分页不起作用

Question

引导分页不起作用。我在寻呼机的文本框中看不到 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>

查询：

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

缺什么？

Answer 1

您缺少的最重要的事情是使表格本身成为表格分类器。只需提前打电话tablesorter，然后tablesorterPager就可以了。

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

顺便说一句，您的表格行和寻呼机选项需要正确设置。