How can to get the total pages in an ng-table?
<p>I am new to using ng-table and I am trying to get the total number of pages to display as "page 1 of x". It is almost working but I am getting a fractional number. Here is the HTML code. Thanks for your help.</p>

<pre><code>    @*&lt;style&gt;
        #testContainer {
            position: relative;
        }

        #textCumDropdown {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            padding: 0;
            margin: 0;
        }

        #select {
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            margin: 0;
        }
    &lt;/style&gt;*@

&lt;div class="x_panel"&gt;
    &lt;div class="x_title"&gt;
        &lt;h2&gt;{{JobTitle}}&lt;small&gt;&lt;/small&gt;&lt;/h2&gt;
        &lt;div class="clearfix"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="x_content col-md-12"&gt;

        &lt;div class="row col-md-12 data-tablex"&gt;       

            &lt;div class="col-md-offset-8 col-md-4 col-sm-12 col-xs-12  data-tablex data-tabley"&gt;
                &lt;input type="text" class="form-control" placeholder="Search" ng-model="search" /&gt;
            &lt;/div&gt;

        &lt;div class="col-md-offset-8 col-md-4 col-sm-12 col-xs-12  data-tablex data-tableym"&gt;                 
                    &lt;form action="{{Action}}" method="post" class="frm-export" id="frmexport"&gt;
                    @{Html.RenderAction("Filter", "Job");}      
            &lt;input type="submit" value="Export" class="btn-export" id="btnexport" /&gt;

                &lt;a href="" class="toggle-filter"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt; Filter&lt;/a&gt;

            &lt;a href="javascript:document.getElementById('btnexport').click();"&gt;&lt;i class="fa fa-list"&gt;&lt;/i&gt; Export&lt;/a&gt;

                    @*  &lt;button type="submit" class="btn btn-success" ng-click="Export(Jobs)"&gt;Export&lt;/button&gt;*@
        &lt;/form&gt;
            &lt;/div&gt;

        &lt;div class="col-md-offset-8 col-md-4 col-sm-12 col-xs-12  data-tablex data-tableyr"&gt;
                 &lt;p class="text-right"&gt;
                    &lt;strong&gt;page: {{tableParams.page()}} of {{tableParams.total()/tableParams.count()}}&lt;/strong&gt;
                &lt;/p&gt;
            &lt;/div&gt;

    &lt;div class="form-group form-filter"&gt;
            &lt;div class="col-md-12 col-sm-12 col-xs-12 col-md-offset-0 row table-filter"&gt;
        &lt;form action="{{Action}}" method="post" class="frm-exportx"&gt;
                    @{Html.RenderAction("Filter", "Job");}      
           &lt;/form&gt;               
            &lt;/div&gt;
        &lt;/div&gt;


            &lt;div class="col-md-12 col-sm-12 colxs12  data-tablex" style=""&gt;
                &lt;table id="tblAllJobs" class="ng-table-responsive table table-striped table-bordered table-jobs" ng-table="tableParams" template-pagination="custom/pager"&gt;
                    &lt;tr ng-repeat="Job in $data | filter:search"&gt;
                        &lt;td data-title="'Job'" sortable="'JobNum'"&gt;
                            &lt;a href="/#/EditJob" ng-click="editJob(Job.JobNum)"&gt;{{ Job.JobNum }}&lt;/a&gt;
                        &lt;/td&gt;
                        &lt;td data-title="'Priority'" sortable="'Priority'"&gt;
                            {{ Job.Priority }}
                        &lt;/td&gt;
                        &lt;td data-title="'Staff'" sortable="'Staff'"&gt;
                            {{ Job.Staff }}
                        &lt;/td&gt;
                        &lt;td data-title="'Title'" sortable="'JobName'"&gt;
                            {{ Job.JobName }}
                        &lt;/td&gt;
                        &lt;td data-title="'Company'" sortable="'Company'"&gt;
                            {{ Job.Company}}
                        &lt;/td&gt;
                        &lt;td data-title="'Deadlines'" sortable="'Deadlines'"&gt;
                            {{ Job.Deadlines}}
                        &lt;/td&gt;
                        &lt;td data-title="'Status'" sortable="'StatusComment'"&gt;
                            {{ Job.StatusComment}}
                        &lt;/td&gt;
                        &lt;td data-title="'Copy'" class="td-center"&gt;&lt;a href="/#/CreateAsNewJob" ng-click="CreateAsNewJob(Job.JobNum)"&gt;&lt;i class="fa fa-plus"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
                        @* &lt;td data-title="'Edit'"&gt;&lt;a ng-click="editJob(Job.JobNum)"&gt;&lt;i class="fa fa-pencil"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;*@
                    &lt;/tr&gt;
                    @*  &lt;tr class="noRecordMsg" ng-hide="$data.length"&gt;&lt;td colspan="7" align="center"&gt;No Jobs available&lt;/td&gt;&lt;/tr&gt;*@
                    &lt;tr class="noRecordMsg" ng-hide="$data.length"&gt;&lt;td colspan="8" align="center"&gt;No Jobs available&lt;/td&gt;&lt;/tr&gt;
                &lt;/table&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;script type="text/ng-template" id="custom/pager"&gt;
    &lt;ul class="pager ng-cloak"&gt;
        &lt;li ng-repeat="page in pages"
            ng-class="{'disabled': !page.active, 'previous': page.type == 'prev', 'next': page.type == 'next'}"
            ng-show="page.type == 'prev' || page.type == 'next'" ng-switch="page.type"&gt;
            &lt;a ng-switch-when="prev" ng-click="params.page(page.number)" href=""&gt;&amp;laquo; Previous&lt;/a&gt;
            &lt;a ng-switch-when="next" ng-click="params.page(page.number)" href=""&gt;Next &amp;raquo;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;div class="btn-group"&gt;
                &lt;button type="button" ng-class="{'active':params.count() == 5}" ng-click="params.count(5)" class="btn btn-default"&gt;5&lt;/button&gt;
                &lt;button type="button" ng-class="{'active':params.count() == 10}" ng-click="params.count(10)" class="btn btn-default"&gt;10&lt;/button&gt;
                &lt;button type="button" ng-class="{'active':params.count() == 20}" ng-click="params.count(20)" class="btn btn-default"&gt;20&lt;/button&gt;
                &lt;button type="button" ng-class="{'active':params.count() == 50}" ng-click="params.count(50)" class="btn btn-default"&gt;50&lt;/button&gt;
            &lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/script&gt;

&lt;script&gt;
$(".toggle-filter").click(function(){
    $(".form-filter").toggle();
});
&lt;/script&gt;
</code></pre>