title: Display two table in two columns in a row on adding
body: <p>I am using DropzoneJS and I want the template to be customized.</p>
  
  <p>My template is as follows:</p>
  
  <pre><code>&lt;div id="previewTemplate" style="display:none;"&gt;
      &lt;table class="dz-preview"&gt;
          &lt;tr&gt;
              &lt;td class="col-md-10"&gt;
                   &lt;a href="#" class="dz-filename" data-dz-name=""&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;td class="col-md-2"&gt;
              X
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In dropzone.js, I have added a code as follows:</p>
  
  <pre><code>previewTemplate: $('#previewTemplate').html()
  </code></pre>
  
  <p>So, it is getting the inner HTML of the '#previewTemplate'.</p>
  
  <p>I am getting all table in a single row.</p>
  
  <p>Now, I want only two table in a row. That is, in each row I want two columns.</p>
  
  <p>How can I achieve that? </p>