title: Adding a border dynamically, adds height
body: <p>Im adding a border to my table row dynamically using JS.</p>
  
  <p>This causes the table to jump down slightly because of the border adding height to the row.</p>
  
  <p>How can I prevent this?</p>
  
  <p>I've tried adding a transparent border, which then gets replaced with the real border.</p>
  
  <p>This works, but I was looking for a better solution, so I tried:</p>
  
  <pre><code>box-sizing: border-box
  </code></pre>
  
  <p>This did not work.</p>
  
  <p>What's the best solution to this?</p>