title: How to Give Serial No In html Table MVC? use css or Jquery
body: <p>I have a Mvc Table it looks like this:</p>
  
  <pre><code>&lt;table id="example" class="table table-hover"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;SL NO
              &lt;/th&gt;
              &lt;th&gt;Designation Name
              &lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          @foreach (var item in Model)
          {
              &lt;tr&gt;
                  &lt;td&gt; 
  //Here I want Serial No here [I used Paging] 
                  &lt;/td&gt;
                  &lt;td&gt;
  
                      @Html.DisplayFor(modelItem =&gt; item.desigantionName)
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;div class="btn btn-default btn-lg disabled p-x-2"&gt;@Html.ActionLink("Edit", "Edit", new { id = item.desigantionId }) &lt;/div&gt;
                      &lt;div class="btn btn-default btn-lg disabled p-x-2"&gt;@Html.ActionLink("Details", "Details", new { id = item.desigantionId }) &lt;/div&gt;
                      &lt;div class="btn btn-default btn-lg disabled p-x-2"&gt;@Html.ActionLink("Delete", "Delete", new { id = item.desigantionId })&lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          }
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>above code first column  I want serial no I use sl no use css but problem is when go to next page index sl no resart upto 1 
  each pager I used 5 rows I need to start 2nd page index sl no upto 6</p>