title: Scrollbar in HTML Table Data only
body: <p>How do I make a table data only scrollable (Not entire table or row, just one cell)? This is the best I could do, but the display:block; makes all table cells of equal size. (with a different display or no display, a scrollbar appears but is not scrollable as the cell becomes bigger too)</p>
  
  <pre><code>    &lt;table border="1" width="100%" height="100%"&gt;
          &lt;tr&gt;
              &lt;td rowspan="2" width="30%" height="10%"&gt;
  
              &lt;/td&gt;
              &lt;td width="60%" &gt;&lt;font color="#FFF" style="font-weight:bold"&gt;
                  &lt;p&gt;Coventry University - CV1 5FB&lt;/p&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
              &lt;td height="90%" style="display:block; overflow-y: scroll; "&gt;&lt;font color="#FFF"&gt;
                  &lt;p&gt;I WANT THIS CELL TO BE SCROLLABLE&lt;/p&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;    
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/e3rRW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e3rRW.png" alt="enter image description here"></a></p>