HTML - Enable Scrolling within a Table's Cell

html scroll html-table cell
Moon picture Moon · Aug 21, 2010 · Viewed 23.1k times · Source

Let's say I have a table cell with fixed width and height.... and I have data that exceeds the cell's fixed dimensions...

<td width="500" height="300">lots of data that exceeds the dimensions</td>
  • can I enable scrolling of this data within a cell....
  • if not than what is the solution.. I only have that 500 x 300 space

Answer

Pekka picture Pekka · Aug 21, 2010

The easiest thing would be to add a 500 x 300 div and give it overflow: auto

<td width="500" height="300">
 <div style="width: 500px; height: 300px; overflow: auto">
  lots of data that exceeds the dimensions
 </div>
</td>

Related questions

How to display scroll bar onto a html table

I am writing a page where I need an html table to maintain a set size. I need the headers at the top of the table to stay there at all times but I also need the body of the …

Read More
overflow:scroll; in <td>

Why does the CSS property overflow:scroll; not work in <td>, while overflow:hidden; works well? <table border="1" style="table-layout:fixed; width:100px"> <tr> <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td&…

Read More
HTML Table Header with Fixed Position and scroll able table data elements

Main intention of this question is to make table header fixed and when we scroll vertically only elements should scrolled and table header should be on the same position And I want this to be done without manually fixing the …

Read More