Q2051 Can I have a scroll bar within a table cell?

irt.org | Knowledge Base | HTML | Q2051 [ previous next ]

Q2051 Can I have a scroll bar within a table cell?

As Ruth points out:

You can do it if you use an iframe within a cell of a table.

The following is supported in Internet Explorer 4+ and Netscape Navigator 6+:

<table border="1">
<tr>
<td>
<iframe src="a.html" width="100" height="100"></iframe>
</td>
</tr>
</table>

The following was submitted by Sunil Kumar Pal

p> Yes you can have scroll bar in a table cell. Go through the following code:

<html>

<head>

<title>table with scroll</title>

<style type="text/css"><!--
DIV{
  text-align : left;
  padding : 5px;
  width : 100%;
  height : 4em;
  overflow: auto;
}
-->
</style>

</head>

<body>

<table cellpadding="0" cellspacing="0" border="1">
  <thead>
    <tr>
      <th>stuff in the thead</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>stuff in the tfoot</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>
      <div>scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      scroll stuff in the tbody<br>
      </div>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html>

Feedback on 'Q2051 Can I have a scroll bar within a table cell?'

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 30th March 2008. Maintained by: Martin Webb
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.