I am using this angularjs datagrid .I am facing problem with pagination, this grid shows all pages in pagination for example if i have 500 record and i want to show 10 record per page it will create pagination 1 to 50 but i want like this way First«1 2 3 4 5 6 7 8 9.... » Last .That means according to records the pagination will be shown if the records are too large then the pagination should display with dots(.....).Can anybody give me any hint showing where to change to obtain the above feature ?
Add a comment
|
1 Answer
Your example uses an angular-ui bootstrap directive for pagination. See all available settings for pagination. Set the max-size attribute to your desired number of visible buttons and you are good to go.
<pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true" rotate="false" num-pages="numPages"></pagination>
2 Comments
user2252617
Able to set the max-size but still didn't able to configure the dot(..) options!Any suggestion will be welcomed.
cleftheris
Try and reference the latest bootstrap-ui and see if that fixes the problem. ui-bootstrap-tpls.min.js (cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/…) and bootstrap.css (maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css)