title: Inline editable table, that can save whole table using submit button bootstrap in asp.net mvc
body: <p>I'm trying to develop a Razor view page like following , that consist with inline editing, but saving using single submit button.</p>
  
  <p><a href="https://i.stack.imgur.com/21HHl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/21HHl.png" alt="enter image description here"></a></p>
  
  <p>So I did up to this level in my Viewpage</p>
  
  <pre><code>@model IEnumerable&lt;sample.Models.Sample&gt;
  
  &lt;table class="table"&gt;
      &lt;tr&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Name)
          &lt;/th&gt;
          &lt;th&gt;
              @Html.DisplayNameFor(model =&gt; model.Value)
          &lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
      &lt;/tr&gt;
  
  @foreach (var item in Model) {
      &lt;tr&gt;
          &lt;td&gt;
              @Html.DisplayFor(modelItem =&gt; item.Name)
          &lt;/td&gt;
          &lt;td&gt;
              @Html.DisplayFor(modelItem =&gt; item.Value)
          &lt;/td&gt;
          &lt;td&gt;
              @Html.ActionLink("Edit", "Edit", new { id=item.Id })
          &lt;/td&gt;
      &lt;/tr&gt;
  }
  
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I continue from here, I'm not planning to use any 3rd party library such as jQuery Datatable, </p>