title: How to dispaly div outside overflow-x area
body: <p><a href="https://i.stack.imgur.com/eyy6b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eyy6b.png" alt="enter image description here"></a></p>
  
  <p>How can I display this samll action dialog box on the top of tbody overflow-x:auto. As you can see action dialog is appearing inisde the scroll area and I have to scroll to click on below actions.</p>
  
  <pre><code>    tbody {
      display: block;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      height: 120px;
    }
  
    thead tr {
      display: block;
    }
  
    td {
      padding: 5px;
      text-align: left;
      width: 200px;
    }
    th {
      padding: 5px;
      text-align: left;
      width: 200px;
    }
  </code></pre>