title: Relocating a column and its Contents in HTML table layout
body: <p>I'm using a table for the report UI,</p>
  <p>it will be like this</p>
  <p><img src="https://i.stack.imgur.com/v15ir.jpg" alt="enter image description here" /></p>
  <p>Now, I'm changing it like, I can rearrange the columns of the table so that I can easily make new rearranged reports.</p>
  <p>Like:</p>
  <p><img src="https://i.stack.imgur.com/SFAh3.jpg" alt="enter image description here" /></p>
  <p>I have done the table header with Jquery draggable and sortable. But have no idea , how to relocate the corresponding column with the header.</p>
  <p>Please Help.</p>