Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

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