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

$(window).on( "mousemove", function( event ) {
  $( "#log" ).text( "clientX: " + event.clientX + ", clientY: " + event.clientY );
  $( ".tooltip" ).css({
    "left" : event.clientX + 1,
    "top" : event.clientY + 1
  });  
});