title: Contenteditable in HTML tables
body: <p>With the code:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td contenteditable&gt;My_Name&lt;/td&gt;&lt;td&gt;Surname&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td contenteditable&gt;My_Name2&lt;/td&gt;&lt;td&gt;Surname2&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>You can edit a cell in an HTML table. My problem is when I edit the cell and press <kbd>enter</kbd>, it creates a new line in cell. What I really would like is, if I press enter I go to the cell just below that cell I just edited so that I can edit that cell.</p>
  
  <p>Currently I have to use the mouse to go to the next cell, but if I can press <kbd>enter</kbd> and go to the cell, it will help me edit the cells a bit faster. Plus the updated data will be stored in my database, so I also don't want unnecessary space stored in the database.</p>
  
  <p>But I am not sure what I can do. Is there any example I can look at?</p>