How to make buttons to skip on first and last page in smart table for AngularJS

Question

I am using smart table for angularJS, how can I add buttons to jump on first and last page?

Answer 1

There are already quite few github issues talking about the matter, you should simply specify your custom template:

1. By overriding the template in the $templateCache
2. Or by specifying a custom url for your template.

Template could be

<div class="pagination" ng-if="pages.length >= 2">
   <ul class="pagination">
   <li ng-if="currentPage > 1">
     <a ng-click="selectPage(1)">&lt;&lt;</a>
   </li>
   <li ng-if="currentPage > 1">
     <a ng-click="selectPage(currentPage-1)">&lt;</a>
   </li>
   <li ng-repeat="page in pages" ng-class="{active: page==currentPage}"><a ng-click="selectPage(page)">{{page}}</a>
   </li>
   <li ng-if="currentPage < numPages">
      <a ng-click="selectPage(currentPage+1)">></a>
   </li>
   <li ng-if="currentPage < numPages">
     <a ng-click="selectPage(numPages)">>></a>
   </li>
  </ul>
</div>

running example