Note that there are some explanatory texts on larger screens.

plurals
  1. POMaking a Scrollable table and insert inner table border
    primarykey
    data
    text
    <p>How can I?</p> <p>Given the html coding below, how can I 1.) Lock the first row (table headers) from scrolling and 2.) Have an inner table border of 1px solid #cccccc</p> <p>Thanks for all your help!</p> <p>Jay</p> <p>Style Coding:</p> <pre><code>&lt;style type="text/css"&gt; div#data_container { width: 800px; height: 75px; overflow: auto; border: 1px solid #cccccc; } table#data_tbl { border-collapse: collapse; table-layout: fixed; } table#data_tbl td { border: 0px; } table#data_tbl tr:first-child td { color: #235A81; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cdcdcd"); } &lt;/style&gt; </code></pre> <p>Body:</p> <pre><code>&lt;!-- START OF DATA CONTAINER --&gt; &lt;div id="data_container"&gt; &lt;table id="data_tbl"&gt; &lt;td&gt;File Number&lt;/td&gt; &lt;td&gt;Date Received&lt;/td&gt; &lt;td&gt;Request Type&lt;/td&gt; &lt;td&gt;Name&lt;/td&gt; &lt;tr&gt; &lt;td&gt;12345678&lt;/td&gt; &lt;td&gt;08/01/2013&lt;/td&gt; &lt;td&gt;Billing&lt;/td&gt; &lt;td&gt;Joe Smith&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;09876543&lt;/td&gt; &lt;td&gt;09/01/2013&lt;/td&gt; &lt;td&gt;Technical&lt;/td&gt; &lt;td&gt;Nancy Edwards&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;11223344&lt;/td&gt; &lt;td&gt;10/01/2013&lt;/td&gt; &lt;td&gt;Operations&lt;/td&gt; &lt;td&gt;Jill White&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;45678931&lt;/td&gt; &lt;td&gt;12/01/2013&lt;/td&gt; &lt;td&gt;Billing&lt;/td&gt; &lt;td&gt;Michael Burns&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;85239975&lt;/td&gt; &lt;td&gt;09/01/2013&lt;/td&gt; &lt;td&gt;Support&lt;/td&gt; &lt;td&gt;Debbie Stewart&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;55667788&lt;/td&gt; &lt;td&gt;11/01/2013&lt;/td&gt; &lt;td&gt;Administrative&lt;/td&gt; &lt;td&gt;David Adams&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;!-- END OF DATA CONTAINER --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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. 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