Title: Numbered Navigation
Last modified: January 31, 2017

---

# Numbered Navigation

 *  Resolved [digiblogger](https://wordpress.org/support/users/digiblogger/)
 * (@digiblogger)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/)
 * One of the greatest DataTables Features is ne numbered pagination on top/bottom
   of the table.
 * With about 1000 table entried, users have to click a lot on “previous” or “next”
   in TablePress, to reach other pages.
 * Can I switch the pagination to numbered on top/bottom?
    -  This topic was modified 9 years, 3 months ago by [digiblogger](https://wordpress.org/support/users/digiblogger/).

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/#post-8720300)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * Yes, this is possible, and only requires a small “Custom Command” on the table’s“
   Edit” screen. For example, you can use
    `"pagingType": "full_numbers"`
 * The possible values are explained at [http://datatables.net/reference/option/pagingType](http://datatables.net/reference/option/pagingType)(
   as you have probably found already).
 * Regards,
    Tobias
 *  Thread Starter [digiblogger](https://wordpress.org/support/users/digiblogger/)
 * (@digiblogger)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/#post-8720410)
 * I found these, thank you.
 * And is there also a custom paramter to include the styling like shown here:
 * [https://datatables.net/](https://datatables.net/)
 * I am talking about the button pagination.
 *  Thread Starter [digiblogger](https://wordpress.org/support/users/digiblogger/)
 * (@digiblogger)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/#post-8720426)
 * Done.
 * I added these to custom CSS and it works like a charme
 *     ```
       .dataTables_wrapper .dataTables_paginate .paginate_button {
         box-sizing: border-box;
         display: inline-block;
         min-width: 1.5em;
         padding: .5em 1em;
         margin-left: 2px;
         text-align: center;
         text-decoration: none !important;
         cursor: pointer;
         *cursor: hand;
         color: #333 !important;
         border: 1px solid transparent;
         border-radius: 2px;
       }
       .dataTables_wrapper .dataTables_paginate .paginate_button.current,
       .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
         color: #333 !important;
         border: 1px solid #979797;
         background-color: #fff;
         background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dcdcdc));
         background: -webkit-linear-gradient(top,#fff 0%,#dcdcdc 100%);
         background: -moz-linear-gradient(top,#fff 0%,#dcdcdc 100%);
         background: -ms-linear-gradient(top,#fff 0%,#dcdcdc 100%);
         background: -o-linear-gradient(top,#fff 0%,#dcdcdc 100%);
         background: linear-gradient(to bottom,#fff 0%,#dcdcdc 100%);
       }
       .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
         color: white !important;
         border: 1px solid #111;
         background-color: #585858;
       }
       ```
   
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/#post-8720457)
 * Hi,
 * good to hear that this helped! Yes, in order to adjust the styling, you can just
   copy the CSS code.
 * Best wishes,
    Tobias
 * P.S.: In case you haven’t, please [rate TablePress](https://wordpress.org/support/plugin/tablepress/reviews/#new-post)
   here in the plugin directory. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Numbered Navigation’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [bottom](https://wordpress.org/support/topic-tag/bottom/)
 * [pagination](https://wordpress.org/support/topic-tag/pagination/)
 * [top](https://wordpress.org/support/topic-tag/top/)

 * 4 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/numbered-navigation/#post-8720457)
 * Status: resolved