title: How to draw arrow in HTML table across cells?
body: <p>I have a simple html table with some cells which I create with the td tag.
  Now I need to draw an arrow from cell A2 to C2 for example. 
  I thought about creating a jQuery function to get the XY coordinates of the middle of cell A2 and C2 and then somehow draw an arrow.</p>
  
  <p>What is a good way of achieving the look and feel as shown in the picture?</p>
  
  <p><a href="https://i.stack.imgur.com/lsGNt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lsGNt.png" alt="Table cells with arrow"></a></p>