Как использовать SimplePagination JQuery

Я пытаюсь использоватьsimplePagination в моем коде. (Я разрабатываю с использованием MVC4 C #)

Допустим, у меня есть эта куча кодов

<table>
    <thead>
        <tr>
            <td><input type="checkbox" name="select-all" id="select-all" /></td>
            <td style="text-align: left">Name</td>
            <td style="text-align: left">Created By</td>
            <td style="text-align: left">Created Date</td>
        </tr>
    </thead>
    <tbody>
        <tr class="post">
            <td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
            <td>Window</td>
            <td>John</td>
            <td>01/01/2014 12:00:00 AM</td>
        </tr>
        <tr class="post">
            <td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
            <td>Door</td>
            <td>Chris</td>
            <td>01/01/2014 12:00:00 AM</td>
        </tr>
        <tr class="post">
            <td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
            <td>Floor</td>
            <td>Michael</td>
            <td>01/01/2014 12:00:00 AM</td>
        </tr>
        <tr class="post">
            <td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
            <td>Car</td>
            <td>James</td>
            <td>01/01/2014 12:00:00 AM</td>
        </tr>
        <tr class="post">
            <td><p><input Length="0" name="314" type="checkbox" value="true" /><input name="314" type="hidden" value="false" /></p></td>
            <td>Bike</td>
            <td>Steven</td>
            <td>01/01/2014 12:00:00 AM</td>
        </tr>
    </tbody>
</table>

* Примечание: в приведенном выше коде я добавляю класс 'post' к каждому 'tr' (строка в теле таблицы). И эти строки генерируются динамически с помощью цикла for (C #)

И из документации, если я хочу использоватьsimplePagination Я должен объявить jquery следующим образом:

$(function() {
    $(selector).pagination({
        items: 100,
        itemsOnPage: 10,
        cssStyle: 'light-theme'
    });
});

На самом деле я не совсем уверен, как использовать (* как позвонить) этоsimplePagination, Я впервые имею дело с нумерацией страниц.

Я уже пытался поставить этот код после таблицы

<div class="pagination-page"></div>

И измените «Селектор» внутри метода вызова jquery с помощью «.pagination-page», но это не сработало.

$(function() {
    $('.pagination-page').pagination({
        items: 100,
        itemsOnPage: 10,
        cssStyle: 'light-theme'
    });
});
Должен ли я заменить «Селектор» на имя класса? Если да, как мне это сделать?Во-вторых, как я могу это объявитьsimplePagination чтобы он показывал только 2 строки (только 2 класса 'Post') для каждой страницы?

* Значит на первой странице он покажет только

+--------------------------------------------------+
| [] |  Name  | CreatedBy | CreatedDate            | 
|--------------------------------------------------| 
| [] | Window | John      | 01/01/2014 12:00:00 AM | 
| [] | Door   | Chris     | 01/01/2014 12:00:00 AM | 
+--------------------------------------------------+

Вторая страница покажет

+--------------------------------------------------+
| [] |  Name  | CreatedBy | CreatedDate            | 
|--------------------------------------------------| 
| [] | Floor  | Michael   | 01/01/2014 12:00:00 AM | 
| [] | Car    | James     | 01/01/2014 12:00:00 AM | 
+--------------------------------------------------+

Скоро..

* Примечание: я не уверен, как этот jquery определит, сколько элементов у нас есть, сгенерирует количество страниц и разместит эти элементы соответственно.

Ответы на вопрос(6)

Ваш ответ на вопрос