title: footable pagination triggered only on window resize
body: <p>I am trying to load data into tables dynamically in .net platform, the table populated with all data on loading the window (No footable pagination).But when i am trying to resize the window the pagination get appears.</p>
  
  <p>please help me to trigger the pagination on loading without resizing the window </p>
  
  <p>Data binding from external js file</p>
  
  <pre><code>function bindUserDetailsData(data) {
              var tabledata = "";       
  if (chk == 0) {
      for (var i = 0; i &lt; data.length; i++) {
          tablerows = $('&lt;tr/&gt;');
          tabledata = data[i];
          var uId = tabledata.UserId;
          var empId = tabledata.EmployeeId;
          var empName = tabledata.EmployeeName;
          var empCompany = tabledata.CompanyCode;
          var empVertical = tabledata.VerticalId;
          var empRole = tabledata.RoleNameId;
          var empCountry = tabledata.CountryId;
          tablerows.append("&lt;td  style='display:none' id='UserId'&gt;" + tabledata.UserId + "&lt;/td&gt;");            
          tablerows.append("&lt;td name='EmployeeNumber'&gt;" + tabledata.EmployeeId + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.EmployeeName + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.CompanyCode + "&lt;/td&gt;");
          tablerows.append("&lt;td  style='display:none'&gt;" + tabledata.VerticalId + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.VerticalName + "&lt;/td&gt;");
          tablerows.append("&lt;td style='display:none'&gt;" + tabledata.CountryId + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.Country + "&lt;/td&gt;");
          tablerows.append("&lt;td style='display:none'&gt;" + tabledata.RoleNameId + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.RoleNameValue + "&lt;/td&gt;");
          tablerows.append("&lt;td  name='pendingRoleId' style='display:none'&gt;" + tabledata.PendingRoleId + "&lt;/td&gt;");
          tablerows.append("&lt;td&gt;" + tabledata.PendingRoleName + "&lt;/td&gt;");
          $("&lt;td/&gt;").html('&lt;input type="checkbox" name="chkbox" id = "chkId-' + i + '" /&gt;').appendTo(tablerows);
          $("&lt;td/&gt;").html('&lt;input type="Button" value="Edit" onclick="EditData(' + uId + ',' + empId + ',' + empVertical + ',' + empRole + ',' + empCountry + ',\'' + empName + '\',\'' + empCompany + '\');"" /&gt;'+
              '&lt;input type="Button" value="Delete" onclick="DeleteData(' + uId + ',' + empId + ',' + empVertical + ',' + empRole + ',' + empCountry + ',\'' + empName + '\',\'' + empCompany + '\');"" /&gt;').appendTo(tablerows);
          $('#AdminUserDeatilsTable').append(tablerows);}}
  $('#rights').show(data);}
  </code></pre>
  
  <p>HTML content</p>
  
  <pre><code>  &lt;table id="AdminUserDeatilsTable" class="footable table" data-page-size="10" data-page-navigation=".pagination"
                      &gt; &lt;tr class="headrow"&gt;  
                      &lt;th style="display:none"&gt;User Id&lt;/th&gt;
                      &lt;th&gt;Emp Id&lt;/th&gt;  
                      &lt;th&gt;Emp Name&lt;/th&gt;
                      &lt;th&gt;Company Code&lt;/th&gt;
                      &lt;th style="display:none"&gt;Vertical Id&lt;/th&gt;
                      &lt;th&gt;Vertical&lt;/th&gt; 
                      &lt;th style="display:none"&gt;Country Id&lt;/th&gt;
                      &lt;th&gt;Country&lt;/th&gt;   
                      &lt;th style="display:none"&gt;Role Id&lt;/th&gt;                                                                     
                      &lt;th&gt;Active Role Name&lt;/th&gt;                                                                        
                      &lt;th style="display:none"&gt;Pending Role Id&lt;/th&gt;                                                                     
                      &lt;th&gt;Pending Role Name&lt;/th&gt;
                      &lt;th&gt;Select&lt;/th&gt;                                                                     
                      &lt;th&gt;Action&lt;/th&gt;
                  &lt;/tr&gt;
   &lt;tfoot class="hide-if-no-paging"&gt;
      &lt;tr&gt;
          &lt;td colspan="10"&gt;
              &lt;div class="paging"&gt;
                  &lt;ul class="pagination pagination-centered"&gt;&lt;/ul&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tfoot&gt;
                  &lt;/table&gt; 
  </code></pre>