@@ -75,30 +79,30 @@ Sometimes you may need to create a Paginator instance manually, without using th
...
@@ -75,30 +79,30 @@ Sometimes you may need to create a Paginator instance manually, without using th
All pagination link elements can be style using CSS classes. Here is an example of the HTML elements generated by the links method:
All pagination link elements can be style using CSS classes. Here is an example of the HTML elements generated by the links method:
<div class="pagination">
<div class="pagination">
<a href="foo" class="previous_page">Previous</a>
<a href="foo" class="previous_page">Previous</a>
<a href="foo">1</a>
<a href="foo">1</a>
<a href="foo">2</a>
<a href="foo">2</a>
<span class="dots">...</span>
<span class="dots">...</span>
<a href="foo">11</a>
<a href="foo">11</a>
<a href="foo">12</a>
<a href="foo">12</a>
<span class="current">13</span>
<span class="current">13</span>
<a href="foo">14</a>
<a href="foo">14</a>
<a href="foo">15</a>
<a href="foo">15</a>
<span class="dots">...</span>
<span class="dots">...</span>
<a href="foo">25</a>
<a href="foo">25</a>
<a href="foo">26</a>
<a href="foo">26</a>
<a href="foo" class="next_page">Next</a>
<a href="foo" class="next_page">Next</a>
</div>
</div>
When you are on the first page of results, the "Previous" link will be disabled. Likewise, the "Next" link will be disabled when you are on the last page of results. The generated HTML will look like this:
When you are on the first page of results, the "Previous" link will be disabled. Likewise, the "Next" link will be disabled when you are on the last page of results. The generated HTML will look like this: