title: How to create an empty row below the current row inside an HTML5 table?
body: <p>I am trying to create an editable table where after filling a row an empty row  is rendered below the current row after hitting the tab button. Initially one empty row should appear when the table loads. Please some one help me to achieve my requirement.    </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Dynamic table&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;
      &lt;!-- Latest compiled and minified JavaScript --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;        &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table class="table"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;#&lt;/th&gt;
                  &lt;th&gt;user/site&lt;/th&gt;
                  &lt;th&gt;channel name&lt;/th&gt;
                  &lt;th&gt;actions&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td contentEditable="true"&gt;1&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;www.google.com&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;channel-1&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;delete&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td contentEditable="true"&gt;2&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;www.google.com&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;channel-1&lt;/td&gt;
                  &lt;td contentEditable="true"&gt;delete&lt;/td&gt;
              &lt;/tr&gt;
              &lt;!-- and so on --&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>