smart-table with pagination - Set the last page by default

If you are using the smart-table library in AngularJS and want to set the last page as the default page for pagination, you can achieve this by calculating the total number of pages and setting the current page accordingly.

Here's how you can set the last page as the default page for pagination using smart-table:

1. Calculate the Total Number of Pages: First, calculate the total number of pages based on the total number of items and the items displayed per page. You can use the stItemsByPage directive to specify the number of items displayed per page.

htmlCopy code
<div st-table="displayedCollection" st-safe-src="rowCollection" st-pipe="yourDataPipe">
  <!-- Your table content here -->
</div>

In your controller, calculate the total number of pages using the stSafeSrc and stItemsByPage values:

javascriptCopy code
app.controller('YourController', function ($scope) {
  $scope.rowCollection = [...]; // Your data array
  $scope.stItemsByPage = 10; // Number of items displayed per page
  $scope.totalPages = Math.ceil($scope.rowCollection.length / $scope.stItemsByPage);
});

2. Set the Current Page to Last Page: Now that you have the total number of pages, set the current page to the last page by default. You can do this using the stPagination directive.

htmlCopy code
<div st-pagination="" st-items-by-page="stItemsByPage" st-template="yourCustomTemplate"></div>

In your controller, set the current page to the last page:

javascriptCopy code
app.controller('YourController', function ($scope) {
  $scope.rowCollection = [...]; // Your data array
  $scope.stItemsByPage = 10; // Number of items displayed per page
  $scope.totalPages = Math.ceil($scope.rowCollection.length / $scope.stItemsByPage);

  // Set the current page to the last page
  $scope.currentPage = $scope.totalPages;
});

3. Create a Custom Pagination Template (Optional): If you want to display custom pagination controls, you can create a custom template and use it with the st-pagination directive.

htmlCopy code
<script type="text/ng-template" id="yourCustomTemplate">
  <ul class="pagination">
    <li ng-class="{disabled: currentPage === 1}">
      <a ng-click="setCurrentPage(1)">First</a>
    </li>
    <li ng-class="{disabled: currentPage === 1}">
      <a ng-click="setCurrentPage(currentPage - 1)">Previous</a>
    </li>
    <li ng-repeat="page in getPagesArray()">
      <a ng-click="setCurrentPage(page)" ng-bind="page"></a>
    </li>
    <li ng-class="{disabled: currentPage === totalPages}">
      <a ng-click="setCurrentPage(currentPage + 1)">Next</a>
    </li>
    <li ng-class="{disabled: currentPage === totalPages}">
      <a ng-click="setCurrentPage(totalPages)">Last</a>
    </li>
  </ul>
</script>

Remember to define the setCurrentPage and getPagesArray functions in your controller to handle pagination.

With these steps, the last page will be set as the default page for pagination when using smart-table in your AngularJS application.