DOC: THEAD Tag Fails to Create Static Headings in Scrolling Pane (190281)

SUMMARY

The documentation in the Internet Client SDK states that THEAD will "freeze" content from a THEAD section of a table when the table is in a scrollable panel. In Internet Explorer 4.0 or later, it does not.

MORE INFORMATION

The following code demonstrates the problem:

   <HTML>
   <HEAD>
   <TITLE>THEAD</TITLE>
   </HEAD>
   <BODY>
   <div style="width:100%; height:80; overflow:auto">
      <table id=tblOuter width=100% border=1 cellspacing=0 cellpadding=0>
      <thead>
         <tr>
            <th>Heading 1</th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
         <tr>
            <td>Value for Column 1</td>
         </tr>
      </tbody>
      </table>
   </div>
   <p>
   As you scroll, you will see that the heading scrolls along with the
   whole table instead of remaining at the top of the table.
   </BODY>
   </HTML>

REFERENCES

See the following page on the Microsoft Developer Network for more detailed information regarding the use of THEAD:

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/thead.asp

THEAD

Description
Defines the table heading. Use THEAD to duplicate headings when breaking tables across page boundaries, or for static headings when body sections are rendered in a scrolling panel. The end tag is optional.