title: How to click CSS text-overflow ellipsis to display a long text in pop up?
body: <p>I have a long sentence in table cell. So I use text-overflow to show ellipsis. My question is how to click the dots(...) to show the entire text in a popup?</p>
  <pre><code>  table {
        width: 100%;
        table-layout: fixed;
    }
    table td {
        border: 1px solid red;
        padding: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
  </code></pre>
  <p><a href="https://stackblitz.com/edit/angular-a1ffmf?file=src/app/table-basic-example.css" rel="nofollow noreferrer">StackBlitz Demo</a></p>