表中的記錄數量被分成多頁 - ASP.Net MVC引導

如何使HTMLtable僅顯示10條記錄，並且每當它超過10時，它將顯示下面頁面的鏈接？例如「1，2，3 ..」並限制最多7個鏈接，如YouTube顯示它（請參閱下圖）？順便說一句，我使用ASP.Net MVC和Bootstrap。表中的記錄數量被分成多頁 - ASP.Net MVC引導

<table id="userTbl" onclick="getTblRec('userTbl,'userBody','0')" class="table-scroll table-striped bootgrid-table"> 
    <thead> 
     <tr> 
      <th class="hidden"> 
       @Html.DisplayNameFor(model => model.USR_ID) 
      </th> 
      <th class="hidden"> 
       @Html.DisplayNameFor(model => model.USR_FNAME) 
      </th> 
     </tr> 
    </thead> 
    <tbody id="userBody"> 
     @foreach (var item in Model) 
     { 
      <tr> 
       <td id="userId" class="hidden"> 
        @Html.DisplayFor(modelItem => item.USR_ID) 
       </td> 
       <td> 
        @Html.DisplayFor(modelItem => item.USR_FNAME) 
       </td> 
       <td> 
      </tr> 
     } 
    </tbody> 
</table>

YouTube的樣品圖：