Advertisement
| Hall of Fame |
|
[x]
Posted via EE Mobile
|
||
Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again. |
||
| Question |
|
[x]
Attachment Details
|
||
|
[x]
The Solution Rating System
|
||
With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.
Your Input Matters If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support. Thank you! |
||
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: |
Here is my stylesheet:
div.grid-container
{
overflow: auto;
}
.grid
{
table-layout: fixed;
border-collapse: collapse;
background-color: #FFFFCC;
}
div.grid-container table tr.grid-header td,div.grid-container table tr.grid-header th
{
overflow:hidden;
}
tr.grid-header th, tr.grid-header th.locked, tr.grid-header td, tr.grid-header td.locked, thead th, thead th.locked
{
position: relative;
}
tr.grid-header th, tr.grid-header td, thead th
{
top: expression(document.getElementById("grid-container").scrollTop-2); /*IE5+ only*/
z-index: 190;
}
tr.grid-header th.locked, tr.header td.locked, thead th.locked
{
z-index: 30;
}
td.locked, th.locked
{
font-weight: bold;
border-right: 1px solid black;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /*IE5+ only*/
position: relative;
z-index: 10;
}
relevant html:
<div id="grid-container" class="grid-container" style="width:98%; height:400px">
<table class="grid" cellspacing="0" rules="all" border="1" id="grdOrders" style="border-collapse:collapse;">
<tr class="grid-header">
<th scope="col" style="width:80px;"><input name="grdOrders$ctl01$txtOrderNo " type="text" id="grdOrders_ctl01_txtOrderNo " style="width:80px;" /><span><br />Order </span></th>
<th scope="col" style="width:20px;"><input name="grdOrders$ctl01$txtOrderTy " type="text" value="SO" id="grdOrders_ctl01_txtOrderTy " style="width:20px;" /><span><br />Type </span></th>
<th scope="col" style="width:20px;"><input name="grdOrders$ctl01$txtHoldCode " type="text" id="grdOrders_ctl01_txtHoldCode " style="width:20px;" /><span><br />Hold </span></th>
<th scope="col" style="width:80px;"><input name="grdOrders$ctl01$txtSoldToNo " type="text" id="grdOrders_ctl01_txtSoldToNo " style="width:80px;" /><span><br />Sold To </span></th>
<th scope="col" style="width:300px;"><input name="grdOrders$ctl01$txtSoldToDesc " type="text" id="grdOrders_ctl01_txtSoldToDesc " style="width:300px;" /><span><br />Name </span></th>
<th scope="col" style="width:200px;"><select name="grdOrders$ctl01$lstDateRequested " id="grdOrders_ctl01_lstDateRequested " style="width:200px;"></select><span><br />Reqd Date </span></th>
<th scope="col" style="width:200px;"><select name="grdOrders$ctl01$lstDateTransaction " id="grdOrders_ctl01_lstDateTransaction " style="width:200px;"></select><span><br />Trans Date </span></th>
<th scope="col" style="width:250px;"><select name="grdOrders$ctl01$lstItem " id="grdOrders_ctl01_lstItem " style="width:250px;"></select><span><br />Item </span></th>
<th scope="col" style="width:200px;"><select name="grdOrders$ctl01$lstLotNo " id="grdOrders_ctl01_lstLotNo " style="width:200px;"></select><span><br />Lot Number </span></th>
<th scope="col" style="width:120px;"><select name="grdOrders$ctl01$lstBranch " id="grdOrders_ctl01_lstBranch " style="width:120px;"></select><span><br />Branch </span></th>
</tr>
<tr>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;">SO</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;"></span></td>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:300px;"><span style="display:inline-block;width:300px;">My Customer</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;">01/01/06</span></td>
<td style="width:250px;"><span style="display:inline-block;width:250px;">asdfasdfasdf</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:120px;"><span style="display:inline-block;width:120px;">1234</span></td>
</tr>
<tr>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;">SO</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;"></span></td>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:300px;"><span style="display:inline-block;width:300px;">My Customer</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;">01/01/06</span></td>
<td style="width:250px;"><span style="display:inline-block;width:250px;">asdfasdfasdf</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:120px;"><span style="display:inline-block;width:120px;">1234</span></td>
</tr>
<tr>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;">SO</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;"></span></td>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:300px;"><span style="display:inline-block;width:300px;">My Customer</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;">01/01/06</span></td>
<td style="width:250px;"><span style="display:inline-block;width:250px;">asdfasdfasdf</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:120px;"><span style="display:inline-block;width:120px;">1234</span></td>
</tr>
<tr>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;">SO</span></td>
<td style="width:20px;"><span style="display:inline-block;width:20px;"></span></td>
<td style="width:80px;"><span style="display:inline-block;width:80px;">1234</span></td>
<td style="width:300px;"><span style="display:inline-block;width:300px;">My Customer</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;">01/01/06</span></td>
<td style="width:250px;"><span style="display:inline-block;width:250px;">asdfasdfasdf</span></td>
<td style="width:200px;"><span style="display:inline-block;width:200px;"></span></td>
<td style="width:120px;"><span style="display:inline-block;width:120px;">1234</span></td>
</tr>
</table></div>
|