Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>If you use a full screen table you are maybe interested in setting th to display:fixed; and top:0; or try a very similar approach via css.</p> <p><strong>Update</strong></p> <p>Just quickly build up a working solution with iframes (html4.0). This example IS NOT standard conform, however you will easily be able to fix it:</p> <p>outer.html</p> <pre><code>&lt;?xml version='1.0' encoding='UTF-8'?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;title&gt;Outer&lt;/title&gt; &lt;body&gt; &lt;iframe src="test.html" width="200" height="100"&gt;&lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>test.html</p> <pre><code>&lt;?xml version='1.0' encoding='UTF-8'?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;title&gt;Floating&lt;/title&gt; &lt;style type="text/css"&gt; .content{ position:relative; } thead{ background-color:red; position:fixed; top:0; } &lt;/style&gt; &lt;body&gt; &lt;div class="content"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr class="top"&gt;&lt;td&gt;Title&lt;/td&gt;&lt;/tr&gt; &lt;/head&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;b&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;c&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;d&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;e&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload