title: Razor Form not posting all the rows of DataTables to the MVC Action?
body: <p>I have a <code>DataTable</code> with 100 editable records in a <code>View</code>. I can edit records and post them back to <code>MVC Action</code>. If I destroy <code>DataTable</code> and post my Form I get all 100 records in form collections. On the other hand, if I don't destroy the <code>DataTable</code> and click on submit, then I get only first 10 records.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>@using (Html.BeginForm("Edit", "Events", FormMethod.Post))
  {
    @Html.AntiForgeryToken()
  
    &lt;button type="submit"&gt;  Save &lt;/button&gt;
  
          &lt;table id="tblEvents"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                     // Header
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                   // Records
              &lt;/tbody&gt;
          &lt;/table&gt;
  
  }
  </code></pre>
  
  <p>Scripts:</p>
  
  <pre><code>&lt;script&gt;
  
      $(document).ready(function () {
  
          var table = $('#tblEvents').DataTable();
  
          $("form").on('submit', function () {
              // If I remove this I get only first 10 Records.
              table.destroy();
          });
      });
  
  
  &lt;/script&gt;
  </code></pre>