DeCOMtamination: Freeze Panes

Forums

My Profile

Inbox

Address Book

My Subscription

My Forums

DeCOMtamination: Freeze Panes

Logged in as: Guest

arrSession:exec spGetSession 2,7,41078

	Active Users: There are 0 members and 0 guests.
	Users viewing this topic: none

Printable Version

All Forums >> [General Forum] >> Other Programming/Scripting Languages >> DeCOMtamination: Freeze Panes
Do you like VisualBasicScript.com? Link to us and help spread the word about our forum. Thanks!

Page: [1]

Message

<< Older Topic Newer Topic >>

DeCOMtamination: Freeze Panes - 12/15/2006 6:04:43 PM

TNO

Posts: 1064
Score: 10
Joined: 12/18/2004
From: thenewobjective.com
Status: offline

Heres a question for you:

What do you do when you're trying to poll multiple servers and computers for software, and put it in an organized list that is easy to read? The common answer is: Put it in Excel. Well, what if you don't have Excel? Or even worse, what if you're using Internet Explorer 5? Are you doomed to long lists and large tables where you have to deal with all the information at once even though you only want to see maybe 3 fields at a time?

Behold, a plain HTML+CSS solution to this problem. A Table with a scrolling top and left column:

The CSS:

<style>

body {
background-color:black;
color:black
}

div#tbl-container {
width: 800px;
height:400px;
overflow: auto;
}

table {
table-layout: fixed;
border-collapse: collapse;
background-color: white;
}

div#tbl-container table th {
width: 230px;
}

td {
border-right: 1px solid black;
border-bottom: 1px solid black;
}

thead th, thead th.locked    {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid black;
border-bottom: 1px solid black;
position:relative;
cursor: default; 
}
  
thead th {
top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE*/
z-index: 20;
}

thead th.locked {z-index: 30;}

thead th.nonStandard{
background-color:gray;
color:black
}

thead th.Standard{
background-color:green;color:black;
}

td.locked,  th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid black;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /*IE*/
position: relative;
z-index: 10;
}

</style>

Alot of complex classes, but nothing too in-depth. The one thing that you may notice is a little known fact in internet explorer with css:
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft)
Microsoft extended the specification to allow you to place scripting inside the css statements, giving you ALOT more power over your elements, and with ALOT less code.

The HTML:

<table id="tbl">
<thead>
<tr>
<th class="locked">Computer</th>
<th class="Standard">Access</th>
<th class="Standard">Word</th>
<th class="Standard">Excel</th>
<th class="Standard">Power Point</th>
<th class="Standard">Outlook</th>
<th class="Standard">FrontPage</th>
<th class="nonStandard">WordPerfect</th>
<th class="nonStandard">HotFix</th>
<th class="nonStandard">Symantec</th>
<th class="nonStandard">WebProxy 1.0</th>
<th class="nonStandard">Internet Explorer 6.0</th>
<th class="nonStandard">Internet Explorer 7.0</th>
<th class="nonStandard">FireFox 2.0</th>
<th class="nonStandard">Cavaj Decompiler</th>
<th class="nonStandard">DirectX 10</th>
<th class="nonStandard">.NET 3.0</th>
<th class="nonStandard">Java Runtime</th>
<th class="nonStandard">The Gimp</th>
<th class="nonStandard">Cortona</th>
<th class="nonStandard">Acrobat Reader</th>
<th class="nonStandard">Photoshop</th>
<th class="nonStandard">Card Start</th>
<th class="nonStandard">Desktop Validator</th>
<th class="nonStandard">ATLASS</th>
<th class="nonStandard">3270 Terminal</th>

</tr>
</thead>

<tbody>
 <tr style="background-color:black;">
  <td class="locked" style="background-color:black;color:red;">Server 1:</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="locked">\\Computer01</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer02</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer03</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer04</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer05</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer06</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer07</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer08</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer09</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer10</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer11</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer12</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer13</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer14</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer15</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer16</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer17</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer18</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer19</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer20</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer21</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer22</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer23</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr style="background-color:black;">
  <td class="locked" style="background-color:black;color:red;">Server 2:</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="locked">\\Computer01</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer02</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer03</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer04</td>
 </tr>
 <tr>
  <td class="locked">\\Computer05</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer06</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer07</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer08</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer09</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer10</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer11</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer12</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr style="background-color:black;">
  <td class="locked" style="background-color:black;color:red;">Server 3:</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="locked">\\Computer01</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer02</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer03</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer04</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer05</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr style="background-color:black;">
  <td class="locked" style="background-color:black;color:red;">Server 4:</td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
 <tr>
  <td class="locked">\\Computer01</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer02</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer03</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
 <tr>
  <td class="locked">\\Computer04</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
  <td>YES</td>
  <td>NO</td>
  <td>NO</td>
  <td>YES</td>
  <td>YES</td>
 </tr>
  </tbody>
</table>
</div> 
</center>
</body>
</html>

So as you can see, the total amount of code really needed to run this table amounts to 2 lines:
top: expression(document.getElementById("tbl-container").scrollTop-2);
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);

And of course, the live sample:
http://thenewobjective.com/website/development/JavaScript/Components/FreezePane/

You may think a first that that is an excessive amount of html for you to make, but don't forget about databinding:

Tabular Data Control: http://msdn.microsoft.com/workshop/database/tdc/overview.asp
XML:http://msconline.maconstate.edu/Tutorials/XML/XML02/xml02-02.aspx

< Message edited by TNO -- 12/15/2006 6:11:40 PM >

_____________________________

To iterate is human, to recurse divine. -- L. Peter Deutsch