title: how to send a html table rows to controller action from jquery function
body: <p>i am new to mvc so please help</p>
  
  <p>please see the fiddle <a href="https://jsfiddle.net/shaswatatripathy/9d0oknyt/2/" rel="nofollow noreferrer">https://jsfiddle.net/shaswatatripathy/9d0oknyt/2/</a></p>
  
  <p>here i have a table and I have to write a jquery function which will get all the rows which have status as modified and send data to controller action and access this data to create datatable in controller action</p>
  
  <p>the table is dynamic -many rows can come up there so need a jquery function which will be invoked on a button click and get rows details with status modified </p>
  
  <p>html</p>
  
  <pre><code>    &lt;table id="mytable"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;Address&lt;/th&gt;
      &lt;th&gt;Gender&lt;/th&gt;
      &lt;th&gt;status&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;jhon&lt;/td&gt;
      &lt;td&gt;us&lt;/td&gt;
      &lt;td&gt;male&lt;/td&gt;
      &lt;td&gt;static&lt;/td&gt;
    &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;joana&lt;/td&gt;
      &lt;td&gt;washington&lt;/td&gt;
      &lt;td&gt;female&lt;/td&gt;
      &lt;td&gt;static&lt;/td&gt;
    &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;steve&lt;/td&gt;
      &lt;td&gt;belgium&lt;/td&gt;
      &lt;td&gt;male&lt;/td&gt;
      &lt;td&gt;modified&lt;/td&gt;
    &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;jimmy&lt;/td&gt;
      &lt;td&gt;angola&lt;/td&gt;
      &lt;td&gt;male&lt;/td&gt;
      &lt;td&gt;modified&lt;/td&gt;
    &lt;/tr&gt;
      &lt;tr&gt;
      &lt;td&gt;lisa&lt;/td&gt;
      &lt;td&gt;india&lt;/td&gt;
      &lt;td&gt;female&lt;/td&gt;
      &lt;td&gt;modified&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  
  &lt;br /&gt;
  &lt;input type="button" onclick="sendDetailsToControllerAction()" value="get details"/&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>table {
      border-collapse: collapse;
  }
  
  table, th, td {
      border: 1px solid black;
  }
  </code></pre>
  
  <ol>
  <li>i can use jquery ajax method to send data to my controller action </li>
  </ol>
  
  <p>server side </p>
  
  <pre><code>public actionResult GetDetails()
  {
  
  
      return view();
  }
  </code></pre>
  
  <p>how to get details of every row with status modified and send it controller . </p>
  
  <p>table header names and column names in my data table which i will create in action will be different . </p>
  
  <p>i dont need that much help creating datatable out of data , but dont know how to send that data and get it</p>