JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h4 id="log">pageX: -, pageY: -</h4>
<div class="tooltip">I'm a tooltip!</div>


<input type="text" placeholder="Enter something">


<table class='items'>
            <thead>
            <tr class="table-header">
                <th>Id</th>
                <th>Icon</th>
                <th>Name</th>
            </tr>
            </thead>
            
            <tr>
              <td>1</td>
              <td>1</td>
              <td>1</td>
            </tr>
            
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
              <td>13</td>
            </tr>
            
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
              <td>13</td>
            </tr>
            
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
              <td>13</td>
            </tr>
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
              <td>13</td>
            </tr>
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
              <td>13</td>
            </tr>
            <tr>
              <td>12</td>
              <td>12</td>
              <td>12</td>
            </tr>
            
            <tr>
              <td>13</td>
              <td>13</td>
             ...

CSS

.tooltip {
display: inline-block;
position: fixed;
padding: .5em 1em;
background-color: red;
}

JavaScript

$( document ).on( "mousemove", function( event ) {
  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
  $( ".tooltip" ).css({
    "left" : event.pageX,
    "top" : event.pageY
  });
});