Displaying Pages Without Ellipses In The Pagination Control Of A Datatable

I am using jQuery Datatables JS with Bootstrap, I am running into an issue where there is a workaround but it is not the nicest. The issue: my table contains more than 4k records I

Solution 1:

PROBLEM

Latest version of DataTables 1.10.7 does not have this ability by default.

There are pagination plug-ins that provide additional functionality. One of them, Ellipses, has iShowPages option allowing to define number of pages to display in pagination control.

However per @davidkonrad's note, Ellipses plug-in doesn't fully support DataTables 1.10, i.e. doesn't show currently selected page and disabled state of some buttons.

SOLUTION

See this answer or jQuery DataTables – Pagination without ellipses for a better solution.

Solution 2:

i had this problem before , you can just hide the element using css on the top of your page , just like this :

.ellipsis {
        display: none;
    }