On mouseover on table cell to display another table in popup

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

You could do somethinglike this:

    <meta charset="utf-8">
    <title>Table cell hover</title>
        <td id="myCell">row 1, cell 1</td>
        <td>row 1, cell 2</td>

     // Get table via AJAX here

      var cell = document.getElementById("myCell");
      cell.addEventListener('mouseover', function(){
         // display table here

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.