title: How to make a table fillable?
body: <p>I'm trying to make a good UI by making a table cell update-able by just double clicking the cell, making the clicked cell input type with a value = the existing cell value.</p>
  
  <p>So far I've managed to implement this by integrating input type inside a table cell.</p>
  
  <pre><code>&lt;td class=""&gt;&lt;input type="text" ng-model=""&gt;&lt;/td&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/XZWdG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XZWdG.jpg" alt="enter image description here"></a></p>
  
  <p>I was wondering if I am on the right track since my goal is a good UI with preferably good UX too. I'm using <a href="https://laravel.com/" rel="nofollow noreferrer">Laravel</a> and <a href="https://angularjs.org/" rel="nofollow noreferrer">AngularJS</a>.</p>
  
  <p>If I am how do I make the input box border fill the whole cell?</p>