title: DataTable Checkboxes not getting value
body: <p>Long story short, So I am trying to use "POST" to obtain checkboxes value in my Flask Template. However I am using some dynamic table in Datatable (datatable-buttons) in my template. And these Datatable causes my post request to not work.   (Without using the datatable, if it's just a long regular table, then my post request will work)</p>
  
  <p>What would be a correct way to parse DataTable Checkboxes value to POST request? Does anyone know what is wrong with my datatable definition? </p>
  
  <p>Lots of thanks! </p>
  
  <p>In Flask: </p>
  
  <pre><code>def project():
     if request.method=="POST":
       selected_tags=request.form.getlist('table_records')
  </code></pre>
  
  <p>HTML with Flask Template:</p>
  
  <pre><code>   &lt;form action="" method="post"&gt;
  
     &lt;button type="submit" name="Compare" value="Compare" class="btn-link"&gt;Compare&lt;/button&gt;
  
     &lt;table id="datatable-buttons" class="table table-striped table-bordered bulk_action"&gt;
       &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;&lt;input type="checkbox" id="check-all" class="flat"&gt;&lt;/th&gt;
              &lt;th&gt;Tag&lt;/th&gt;
              &lt;th&gt;Release date&lt;/th&gt;
              &lt;th&gt;Number of Blocks&lt;/th&gt;
            &lt;/tr&gt;
       &lt;/thead&gt;
  
  
  
  {% for each_run in all_runs %}
            &lt;tr&gt;
               &lt;td&gt;&lt;input type="checkbox" class="flat" name="table_records[]" value="{{each_run.tag}}"&gt;&lt;/td&gt;
               &lt;td class=" "&gt;&lt;a href= "{{url_for('skybolt_synthesis_tag',tag=each_run.tag)}}"&gt; {{each_run.tag}}&lt;/a&gt;&lt;/td&gt;
               &lt;td&gt;{{each_run.start_time}}&lt;/td&gt;
               &lt;td&gt;{{block_count[each_run.tag]}}&lt;/td&gt;
               &lt;/tr&gt;
  {% endfor %}
      &lt;/form&gt;
  </code></pre>
  
  <p>DataTable Components</p>
  
  <pre><code>$(document).ready(function() {
      var handleDataTableButtons = function() {
        if ($("#datatable-buttons").length) {
          $("#datatable-buttons").DataTable({
            dom: "Bfrtip",
            buttons: [
              {
                extend: "copy",
                className: "btn-sm"
              },
              {
                extend: "csv",
                className: "btn-sm"
              },
              {
                extend: "excel",
                className: "btn-sm"
              },
              {
                extend: "pdfHtml5",
                className: "btn-sm"
              },
              {
                extend: "print",
                className: "btn-sm"
              },
            ],
            responsive: true
          });
        }
      };
  }
  </code></pre>