OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

How to draw arrow in HTML table across cells?

  • Thread starter Thread starter codebird456
  • Start date Start date
C

codebird456

Guest
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.

What is a good way of achieving the look and feel as shown in the picture?

Table cells with arrow

<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.sstatic.net/lsGNt.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/lsGNt.png" alt="Table cells with arrow"></a></p>
 
Top