Menu
Iam new to CSS coding and I wrote a code for the creation of table. I knew “position:fixed” will work for static header, but I dont know where you keep that. Could any one help me. Here is my code..
[QUOTE]
<div id=”scrollingtable” style=”height:180px;width:94.5em;”>
<table summary=”This Table displays the following…” style=”font-size:9pt;width:103.5em;”>
<colgroup>
<col class=”center” style=”width:2em” />
<col class=”center” style=”width:2em” />
<col class=”center” style=”width:8em” />
<col class=”center” style=”width:12em” />
<col class=”center” style=”width:28em” />
<col class=”center” style=”width:28em” />
<col class=”center” style=”width:10em” />
<col class=”center” style=”width:8em” />
<col class=”center” style=”width:6em” />
</colgroup>
<thead>
<tr>
<th align=”center” scope=”col”></th>
<th scope=”col”>No.</th>
<th scope=”col” title=”Filter Id” align=”center”>Filter Id</th>
<th class=”<%=checkStyle%>” align=”center” scope=”col” title=”itms number”>Check Name</th>
<th scope=”col” title=”Check Value” align=”center”>Check Value</th>
<th scope=”col” title=”Check Item” align=”center”>Check Item</th>
<th scope=”col” title=”Check Type” align=”center”>Check Type</th>
<th scope=”col” title=”expiration date”>Expiration Date</th>
<th scope=”col” title=”filter status”>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
<td align=”center”></td>
</tr>
</tbody>
</table>
</div>
<style type=”text/css”>
#scrollingtable {
width: auto;
overflow: hidden;
border:1px solid #000000;
clear: both;
}
#scrollingtable table {
background-color: #FFF;
width:100%;
height: auto;
}
#scrollingtable table caption {
display: none;
}
#scrollingtable thead th {
border:0;
}
#scrollingtable tbody {
height: 210px;
overflow: -moz-scrollbars-vertical;
}
* html body #scrollingtable tbody {
height: 1%;
overflow: auto;
}
#scrollingtable table tbody td {
border-right: solid 1px #CCC;
border-left: solid 1px #CCC;
}
#scrollingtable table tbody .alternate_row, .alternate_row {
background-color: #EEEEEE;
}
#scrollingtable table tbody td, #scrollingtable table tbody .alternate_row td {
border-top: none;
border-bottom: none;
}
</style>