title: Basic implementation of table-dragger
body: <p>I am trying to implement table-dragger(basic), and am unable to understand how to get it done.</p>
  
  <p>Following is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;draggable&lt;/title&gt;
    &lt;script src="/Desktop/table-dragger.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
  
      var el = document.getElementById('table');
  
    var dragger = tableDragger(el, {
    mode: 'row',
    dragHandler: '.handle',
    onlyBody: true,
    animation: 300
  });
  dragger.on('drop',function(from, to){
    console(from);
    console(to);
  });
  
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table id="table"&gt;
  
      &lt;thead&gt;
  
      &lt;tr&gt;
  
        &lt;th class='handle'&gt;Header 1&lt;/th&gt;
  
        &lt;th class='handle'&gt;Header 2&lt;/th&gt;
  
        &lt;th class='handle'&gt;Header 3&lt;/th&gt;
  
      &lt;/tr&gt;
  
      &lt;/thead&gt;
  
      &lt;tbody&gt;
  
      &lt;tr&gt;
  
        &lt;td&gt;Cell 1&lt;/td&gt;
  
        &lt;td&gt;Cell 2&lt;/td&gt;
  
        &lt;td&gt;Cell 3&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have provided the path to the table-dragger.min.js as well.What is to be done here now? The page doesn't display any draggable content(row).</p>