JSFiddle - React, Tailwind, and code Playground

by jordan_josh3184

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table>
    
    <div class="testClass">Jatan this is test</div>
    
</table>

CSS

.testClass {
  overflow: hidden;
  white-space: nowrap;
 text-overflow: ellipsis;
  max-width: 100px;
}

.testClass:hover {
  z-index: 1;
  width: auto;
  overflow: visible; 
}