On mouseover on table cell to display another table in popup

JavaScript
1

I want to display a table which is in php file to be display when mouse hover on another table cell.

2

You could do somethinglike this:

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Table cell hover</title>
  </head>
  
  <body>
    <table>
      <tr>
        <td id="myCell">row 1, cell 1</td>
        <td>row 1, cell 2</td>
      </tr>
    </table>

    <script>
     // Get table via AJAX here

      var cell = document.getElementById("myCell");
      cell.addEventListener('mouseover', function(){
         // display table here
      });
    </script>
  </body>
</html>

I would get the table once the page has loaded via AJAX, then use the above structure to display it whenever anyone mouses over the cell in question.