|
Hi All,
I am having a html table and I want to freeze first 2 columns and the header. I did some search but still my code is not working. Here the the code:
<div class="branch"><a name="IDX"></a>
<div style="width:100%; height:100%;">
<div align="left">
<div id="data" style="OVERFLOW: scroll; width: 100%; height: 300px;" class="scroll">
<table class="table" borderColor="#000000" cellspacing="1" cellpadding="1" rules="groups" summary="Procedure Print: Data Set SASHELP.CLASS" border="0" frame="box">
<colgroup>
<col/>
</colgroup>
<colgroup>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th class="l rowheader header" scope="col" style="z-index: 20;" width='100px'>
<input id='chk_ShowAll' type='checkbox' title='Show All' onclick='ShowAllRows();' />
Show All
</th>
<th class="c rowheader header" scope="col" style="z-index: 20;">
Description
</th>
<th class="c header" scope="col">Q1Y2002</th>
<th class="c header" scope="col">Q2Y2002</th>
<th class="c header" scope="col">Q3Y2002</th>
<th class="c header" scope="col">Q4Y2002</th>
<th class="c header" scope="col">Q1Y2003</th>
<th class="c header" scope="col">Q2Y2003</th>
<th class="c header" scope="col">Q3Y2003</th>
<th class="c header" scope="col">Q4Y2003</th>
<th class="c header" scope="col">Q1Y2004</th>
<th class="c header" scope="col">Q2Y2004</th>
<th class="c header" scope="col">Q3Y2004</th>
<th class="c header" scope="col">Q4Y2004</th>
<th class="c header" scope="col">Q1Y2005</th>
<th class="c header" scope="col">Q2Y2005</th>
<th class="c header" scope="col">Q3Y2005</th>
<th class="c header" scope="col">Q4Y2005</th>
<th class="c header" scope="col">Q1Y2006</th>
<th class="c header" scope="col">Q2Y2006</th>
<th class="c header" scope="col">Q3Y2006</th>
</tr>
</thead>
<tbody>
<tr id='wsTree_0'>
<th class="l rowheader" scope="col">
<input id='chk_0' title='Hide' type='checkbox' onclick="HideParentRow('0','1;2;3;4;5;6;7;8;9;');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'></td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('0','1;2;3;4;5;6;7;8;9;')">
<img id='wsTreeNodeImg_0' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
CurrentAssets
</td>
</tr>
</table>
</th>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
</tr>
<tr id='wsTree_1'>
<th class="l rowheader" scope="col">
<input id='chk_1' title='Hide' type='checkbox' onclick="HideParentRow('1','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' />
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('1','')" >
<img id='wsTreeNodeImg_1' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Cash and cash equivalents
</td>
</tr>
</table>
</th>
<td class="r Data">2402</td>
<td class="r Data">1391</td>
<td class="r Data">1559</td>
<td class="r Data">1694</td>
<td class="r Data">2861</td>
<td class="r Data">1142</td>
<td class="r Data">1531</td>
<td class="r Data">856</td>
<td class="r Data">712</td>
<td class="r Data">700</td>
<td class="r Data">2420</td>
<td class="r Data">3261</td>
<td class="r Data">2035</td>
<td class="r Data">2785</td>
<td class="r Data">1404</td>
<td class="r Data">3112</td>
<td class="r Data">2044</td>
<td class="r Data">3016</td>
<td class="r Data">2195</td>
</tr>
<tr id='wsTree_2'>
<th class="l rowheader" scope="col">
<input id='chk_2' title='Hide' type='checkbox' onclick="HideParentRow('2','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' />
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('2','')">
<img id='wsTreeNodeImg_2' src='../Images/minus.gif' border='0'></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Short-term investment
</td>
</tr>
</table>
</th>
<td class="r Data">2844</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_3'>
<th class="l rowheader" scope="col">
<input id='chk_3' title='Hide' type='checkbox' onclick="HideParentRow('3','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' /></td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('3','')">
<img id='wsTreeNodeImg_3' src='../Images/minus.gif' border='0'></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Trade accounts receivable</td>
</tr>
</table>
</th>
<td class="r Data">16000</td>
<td class="r Data">15572</td>
<td class="r Data">15216</td>
<td class="r Data">12472</td>
<td class="r Data">12870</td>
<td class="r Data">12514</td>
<td class="r Data">13358</td>
<td class="r Data">9768</td>
<td class="r Data">10332</td>
<td class="r Data">10950</td>
<td class="r Data">10535</td>
<td class="r Data">8397</td>
<td class="r Data">9176</td>
<td class="r Data">8983</td>
<td class="r Data">8957</td>
<td class="r Data">8813</td>
<td class="r Data">8579</td>
<td class="r Data">8311</td>
<td class="r Data">9636</td>
</tr>
<tr id='wsTree_4'>
<th class="l rowheader" scope="col">
<input id='chk_4' title='Hide' type='checkbox' onclick="HideParentRow('4','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' />
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('4','')">
<img id='wsTreeNodeImg_4' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Receivable from sale of building
</td>
</tr>
</table>
</th>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">6611</td>
<td class="r Data">3710</td>
<td class="r Data">3710</td>
<td class="r Data">225</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_5'>
<th class="l rowheader" scope="col">
<input id='chk_5' title='Hide' type='checkbox' onclick="HideParentRow('5','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' />
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('5','')">
<img id='wsTreeNodeImg_5' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Related party receivable
</td>
</tr>
</table>
</th>
<td class="r Data">5384</td>
<td class="r Data">4814</td>
<td class="r Data">5687</td>
<td class="r Data">4228</td>
<td class="r Data">4351</td>
<td class="r Data">4488</td>
<td class="r Data">4093</td>
<td class="r Data">4187</td>
<td class="r Data">4055</td>
<td class="r Data">4055</td>
<td class="r Data">4147</td>
<td class="r Data">4220</td>
<td class="r Data">5725</td>
<td class="r Data">5795</td>
<td class="r Data">5871</td>
<td class="r Data">5888</td>
<td class="r Data">5926</td>
<td class="r Data">5993</td>
<td class="r Data">6049</td>
</tr>
<tr id='wsTree_6'>
<th class="l rowheader" scope="col">
<input id='chk_6' title='Hide' type='checkbox' onclick="HideParentRow('6','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif'>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('6','')">
<img id='wsTreeNodeImg_6' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Deferred income tax asset
</td>
</tr>
</table>
</th>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">1608</td>
<td class="r Data">1608</td>
<td class="r Data">1607</td>
<td class="r Data">1608</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2836</td>
<td class="r Data">836</td>
<td class="r Data">2836</td>
<td class="r Data">2836</td>
</tr>
<tr id='wsTree_7'>
<th class="l rowheader" scope="col">
<input id='chk_7' title='Hide' type='checkbox' onclick="HideParentRow('7','');" />
</th>
<th class="r rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0'>
<tr style='background-color:White; font-size:8pt;'>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<img src='../Images/white.gif' />
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
<a href='#' onfocus='this.blur()' onclick="ToggleTree('7','')">
<img id='wsTreeNodeImg_7' src='../Images/minus.gif' border='0' /></a>
</td>
<td style='background-color:#EFF3FB; font-size:8pt;'>
Prepaid expenses and other current assets
</td>
</tr>
</table>
</th>
<td class="r Data">2256</td>
<td class="r Data">2517</td>
<td class="r Data">2029</td>
<td class="r Data">3630</td>
<td class="r Data">3495</td>
<td class="r Data">4624</td>
<td class="r Data">2248</td>
<td class="r Data">2110</td>
<td class="r Data">2162</td>
<td class="r Data">2466</td>
<td class="r Data">3157</td>
<td class="r Data">2288</td>
<td class="r Data">2377</td>
<td class="r Data">2658</td>
<td class="r Data">3011</td>
<td class="r Data">2953</td>
<td class="r Data">2673</td>
<td class="r Data">2979</td>
<td class="r Data">2440</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<br />
</div>
Please help me...
Thanks in advance...
|
|
|
|
|
ASP.NET 2.0 wrote: I want to freeze first 2 columns and the header
What does it mean by freezing the column ?
can you elaborate the subject please ?
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Thanks for the reply. I want that first 2 columns shd not move ie I want to fix those columns something like this as shown in the link:
http://support.sas.com/rnd/base/topics/templateFAQ/cssfreezehrs.html
Please help me...
Thanks again...
|
|
|
|
|
Thats seems some intresting thing check the view source of that page
What i have seen is that
In Table they have one property rules=groups Again for the columns and headers which are freeze they have one more property written scope=col
check that one
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Thanks sandeep. I have done that all but its not working on m/c. Please help I dont know where I am going wrong....
Thanks again...
|
|
|
|
|
i think look the css class that they are using for that perticular cell
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Hey sandeep I have tried all the possible ways, actually my table has tree structure, I change that also as suggested by u, but its not working...
|
|
|
|
|
Sorry Varsha then i don't know how to make that but if i found anything then i will definatly let you know
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
I am trying this from thrusday but no luck till now... 
|
|
|
|
|
Check this style for header
POSITION: relative; ; TOP: expression(document.getElementById("data").scrollTop-2); that is given in header class
and for first 2 coloumns they are using
LEFT: expression(document.getElementById("data").scrollLeft);
check this style
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Can u please copy run this code and tell me where might be the problem:
<div class="branch"><a name="IDX"></a>
<div style="width:100%; height:100%;">
<div align="left">
<div id="data" style="OVERFLOW: scroll; width: 100%; height: 300px;" class="scroll">
<table class="table" borderColor="#000000" cellspacing="1" cellpadding="1" rules="groups" summary="Procedure Print: Data Set SASHELP.CLASS" border="0" frame="box">
<colgroup>
<col/>
</colgroup>
<colgroup>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th class="l rowheader header" scope="col" style="z-index: 20;" width='100px'>
<input id='chk_ShowAll' type='checkbox' title='Show All' onclick='ShowAllRows();' />
Show All
</th>
<th class="c rowheader header" scope="col" style="z-index: 20;">
Description
</th>
<th class="c header" scope="col">Q1Y2002</th>
<th class="c header" scope="col">Q2Y2002</th>
<th class="c header" scope="col">Q3Y2002</th>
<th class="c header" scope="col">Q4Y2002</th>
<th class="c header" scope="col">Q1Y2003</th>
<th class="c header" scope="col">Q2Y2003</th>
<th class="c header" scope="col">Q3Y2003</th>
<th class="c header" scope="col">Q4Y2003</th>
<th class="c header" scope="col">Q1Y2004</th>
<th class="c header" scope="col">Q2Y2004</th>
<th class="c header" scope="col">Q3Y2004</th>
<th class="c header" scope="col">Q4Y2004</th>
<th class="c header" scope="col">Q1Y2005</th>
<th class="c header" scope="col">Q2Y2005</th>
<th class="c header" scope="col">Q3Y2005</th>
<th class="c header" scope="col">Q4Y2005</th>
<th class="c header" scope="col">Q1Y2006</th>
<th class="c header" scope="col">Q2Y2006</th>
<th class="c header" scope="col">Q3Y2006</th>
</tr>
</thead>
<tbody>
<tr id='wsTree_0'>
<th class="l rowheader" scope="col">
<input id='chk_0' title='Hide' type='checkbox' onclick="HideParentRow('0','1;2;3;4;5;6;7;8;9;');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col"></td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('0','1;2;3;4;5;6;7;8;9;')">
<img id='wsTreeNodeImg_0' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
CurrentAssets
</td>
</tr>
</table>
</th>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
</tr>
<tr id='wsTree_1'>
<th class="l rowheader" scope="col">
<input id='chk_1' title='Hide' type='checkbox' onclick="HideParentRow('1','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('1','')" >
<img id='wsTreeNodeImg_1' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Cash and cash equivalents
</td>
</tr>
</table>
</th>
<td class="r Data">2402</td>
<td class="r Data">1391</td>
<td class="r Data">1559</td>
<td class="r Data">1694</td>
<td class="r Data">2861</td>
<td class="r Data">1142</td>
<td class="r Data">1531</td>
<td class="r Data">856</td>
<td class="r Data">712</td>
<td class="r Data">700</td>
<td class="r Data">2420</td>
<td class="r Data">3261</td>
<td class="r Data">2035</td>
<td class="r Data">2785</td>
<td class="r Data">1404</td>
<td class="r Data">3112</td>
<td class="r Data">2044</td>
<td class="r Data">3016</td>
<td class="r Data">2195</td>
</tr>
<tr id='wsTree_2'>
<th class="l rowheader" scope="col">
<input id='chk_2' title='Hide' type='checkbox' onclick="HideParentRow('2','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('2','')">
<img id='wsTreeNodeImg_2' src='../Images/minus.gif' border='0'></a>
</td>
<td class="r rowheader" scope="col">
Short-term investment
</td>
</tr>
</table>
</th>
<td class="r Data">2844</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_3'>
<th class="l rowheader" scope="col">
<input id='chk_3' title='Hide' type='checkbox' onclick="HideParentRow('3','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' /></td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('3','')">
<img id='wsTreeNodeImg_3' src='../Images/minus.gif' border='0'></a>
</td>
<td class="r rowheader" scope="col">
Trade accounts receivable
</td>
</tr>
</table>
</th>
<td class="r Data">16000</td>
<td class="r Data">15572</td>
<td class="r Data">15216</td>
<td class="r Data">12472</td>
<td class="r Data">12870</td>
<td class="r Data">12514</td>
<td class="r Data">13358</td>
<td class="r Data">9768</td>
<td class="r Data">10332</td>
<td class="r Data">10950</td>
<td class="r Data">10535</td>
<td class="r Data">8397</td>
<td class="r Data">9176</td>
<td class="r Data">8983</td>
<td class="r Data">8957</td>
<td class="r Data">8813</td>
<td class="r Data">8579</td>
<td class="r Data">8311</td>
<td class="r Data">9636</td>
</tr>
<tr id='wsTree_4'>
<th class="l rowheader" scope="col">
<input id='chk_4' title='Hide' type='checkbox' onclick="HideParentRow('4','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('4','')">
<img id='wsTreeNodeImg_4' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Receivable from sale of building
</td>
</tr>
</table>
</th>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">6611</td>
<td class="r Data">3710</td>
<td class="r Data">3710</td>
<td class="r Data">225</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_5'>
<th class="l rowheader" scope="col">
<input id='chk_5' title='Hide' type='checkbox' onclick="HideParentRow('5','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('5','')">
<img id='wsTreeNodeImg_5' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Related party receivable
</td>
</tr>
</table>
</th>
<td class="r Data">5384</td>
<td class="r Data">4814</td>
<td class="r Data">5687</td>
<td class="r Data">4228</td>
<td class="r Data">4351</td>
<td class="r Data">4488</td>
<td class="r Data">4093</td>
<td class="r Data">4187</td>
<td class="r Data">4055</td>
<td class="r Data">4055</td>
<td class="r Data">4147</td>
<td class="r Data">4220</td>
<td class="r Data">5725</td>
<td class="r Data">5795</td>
<td class="r Data">5871</td>
<td class="r Data">5888</td>
<td class="r Data">5926</td>
<td class="r Data">5993</td>
<td class="r Data">6049</td>
</tr>
<tr id='wsTree_6'>
<th class="l rowheader" scope="col">
<input id='chk_6' title='Hide' type='checkbox' onclick="HideParentRow('6','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif'>
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('6','')">
<img id='wsTreeNodeImg_6' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Deferred income tax asset
</td>
</tr>
</table>
</th>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">1608</td>
<td class="r Data">1608</td>
<td class="r Data">1607</td>
<td class="r Data">1608</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2836</td>
<td class="r Data">836</td>
<td class="r Data">2836</td>
<td class="r Data">2836</td>
</tr>
<tr id='wsTree_7'>
<th class="l rowheader" scope="col">
<input id='chk_7' title='Hide' type='checkbox' onclick="HideParentRow('7','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('7','')">
<img id='wsTreeNodeImg_7' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Prepaid expenses and other current assets
</td>
</tr>
</table>
</th>
<td class="r Data">2256</td>
<td class="r Data">2517</td>
<td class="r Data">2029</td>
<td class="r Data">3630</td>
<td class="r Data">3495</td>
<td class="r Data">4624</td>
<td class="r Data">2248</td>
<td class="r Data">2110</td>
<td class="r Data">2162</td>
<td class="r Data">2466</td>
<td class="r Data">3157</td>
<td class="r Data">2288</td>
<td class="r Data">2377</td>
<td class="r Data">2658</td>
<td class="r Data">3011</td>
<td class="r Data">2953</td>
<td class="r Data">2673</td>
<td class="r Data">2979</td>
<td class="r Data">2440</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<br />
</div>
Please check this by adding the style sheet of that page and tell me what is wrong I have tried all possible ways...
|
|
|
|
|
Hey Varsha
check this i made certain change into it now i think its working fine.
I did it because i had time and it was new think which i never did so i tried please change your mind set as here no one is going to do your work as you ask in your last post any you can check it
<div id="data" style="OVERFLOW: scroll; width: 100%; height: 300px;" class="scroll">
<table class="table" borderColor="#000000" cellspacing="1" cellpadding="1" rules="groups" summary="Procedure Print: Data Set SASHELP.CLASS" border="0" frame="box">
<colgroup>
<col/>
<col/>
</colgroup>
<colgroup>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<th class="l header rowheader " scope="col" style="z-index: 30;" width='100px'>
<input id='chk_ShowAll' type='checkbox' title='Show All' onclick='ShowAllRows();' />
Show All
</th>
<th class="c header rowheader " scope="col" style="z-index: 30;">
Description
</th>
<th class="c header" scope="col">Q1Y2002</th>
<th class="c header" scope="col">Q2Y2002</th>
<th class="c header" scope="col">Q3Y2002</th>
<th class="c header" scope="col">Q4Y2002</th>
<th class="c header" scope="col">Q1Y2003</th>
<th class="c header" scope="col">Q2Y2003</th>
<th class="c header" scope="col">Q3Y2003</th>
<th class="c header" scope="col">Q4Y2003</th>
<th class="c header" scope="col">Q1Y2004</th>
<th class="c header" scope="col">Q2Y2004</th>
<th class="c header" scope="col">Q3Y2004</th>
<th class="c header" scope="col">Q4Y2004</th>
<th class="c header" scope="col">Q1Y2005</th>
<th class="c header" scope="col">Q2Y2005</th>
<th class="c header" scope="col">Q3Y2005</th>
<th class="c header" scope="col">Q4Y2005</th>
<th class="c header" scope="col">Q1Y2006</th>
<th class="c header" scope="col">Q2Y2006</th>
<th class="c header" scope="col">Q3Y2006</th>
</tr>
</thead>
<tbody>
<tr id='wsTree_0'>
<th class="l rowheader" scope="col">
<input id='chk_0' title='Hide' type='checkbox' onclick="HideParentRow('0','1;2;3;4;5;6;7;8;9;');" />
</th>
<th class="l rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td scope="col"></td>
<td scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('0','1;2;3;4;5;6;7;8;9;')">
<img id='wsTreeNodeImg_0' src='../Images/minus.gif' border='0' /></a>
</td>
<td scope="col">
CurrentAssets
</td>
</tr>
</table>
</th>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
<td class="r Data"></td>
</tr>
<tr id='wsTree_1'>
<th class="l rowheader" scope="col">
<input id='chk_1' title='Hide' type='checkbox' onclick="HideParentRow('1','');" />
</th>
<th class="l rowheader" scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td scope="col">
<img src='../Images/white.gif' />
</td>
<td scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('1','')" >
<img id='wsTreeNodeImg_1' src='../Images/minus.gif' border='0' /></a>
</td>
<td scope="col">
Cash and cash equivalents
</td>
</tr>
</table>
</th>
<td class="r Data">2402</td>
<td class="r Data">1391</td>
<td class="r Data">1559</td>
<td class="r Data">1694</td>
<td class="r Data">2861</td>
<td class="r Data">1142</td>
<td class="r Data">1531</td>
<td class="r Data">856</td>
<td class="r Data">712</td>
<td class="r Data">700</td>
<td class="r Data">2420</td>
<td class="r Data">3261</td>
<td class="r Data">2035</td>
<td class="r Data">2785</td>
<td class="r Data">1404</td>
<td class="r Data">3112</td>
<td class="r Data">2044</td>
<td class="r Data">3016</td>
<td class="r Data">2195</td>
</tr>
<tr id='wsTree_2'>
<th class="l rowheader" scope="col">
<input id='chk_2' title='Hide' type='checkbox' onclick="HideParentRow('2','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('2','')">
<img id='wsTreeNodeImg_2' src='../Images/minus.gif' border='0'></a>
</td>
<td class="r rowheader" scope="col">
Short-term investment
</td>
</tr>
</table>
</th>
<td class="r Data">2844</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">2850</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_3'>
<th class="l rowheader" scope="col">
<input id='chk_3' title='Hide' type='checkbox' onclick="HideParentRow('3','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' /></td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('3','')">
<img id='wsTreeNodeImg_3' src='../Images/minus.gif' border='0'></a>
</td>
<td class="r rowheader" scope="col">
Trade accounts receivable
</td>
</tr>
</table>
</th>
<td class="r Data">16000</td>
<td class="r Data">15572</td>
<td class="r Data">15216</td>
<td class="r Data">12472</td>
<td class="r Data">12870</td>
<td class="r Data">12514</td>
<td class="r Data">13358</td>
<td class="r Data">9768</td>
<td class="r Data">10332</td>
<td class="r Data">10950</td>
<td class="r Data">10535</td>
<td class="r Data">8397</td>
<td class="r Data">9176</td>
<td class="r Data">8983</td>
<td class="r Data">8957</td>
<td class="r Data">8813</td>
<td class="r Data">8579</td>
<td class="r Data">8311</td>
<td class="r Data">9636</td>
</tr>
<tr id='wsTree_4'>
<th class="l rowheader" scope="col">
<input id='chk_4' title='Hide' type='checkbox' onclick="HideParentRow('4','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('4','')">
<img id='wsTreeNodeImg_4' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Receivable from sale of building
</td>
</tr>
</table>
</th>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">6611</td>
<td class="r Data">3710</td>
<td class="r Data">3710</td>
<td class="r Data">225</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
<td class="r Data">0</td>
</tr>
<tr id='wsTree_5'>
<th class="l rowheader" scope="col">
<input id='chk_5' title='Hide' type='checkbox' onclick="HideParentRow('5','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('5','')">
<img id='wsTreeNodeImg_5' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Related party receivable
</td>
</tr>
</table>
</th>
<td class="r Data">5384</td>
<td class="r Data">4814</td>
<td class="r Data">5687</td>
<td class="r Data">4228</td>
<td class="r Data">4351</td>
<td class="r Data">4488</td>
<td class="r Data">4093</td>
<td class="r Data">4187</td>
<td class="r Data">4055</td>
<td class="r Data">4055</td>
<td class="r Data">4147</td>
<td class="r Data">4220</td>
<td class="r Data">5725</td>
<td class="r Data">5795</td>
<td class="r Data">5871</td>
<td class="r Data">5888</td>
<td class="r Data">5926</td>
<td class="r Data">5993</td>
<td class="r Data">6049</td>
</tr>
<tr id='wsTree_6'>
<th class="l rowheader" scope="col">
<input id='chk_6' title='Hide' type='checkbox' onclick="HideParentRow('6','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif'>
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('6','')">
<img id='wsTreeNodeImg_6' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Deferred income tax asset
</td>
</tr>
</table>
</th>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">159</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">396</td>
<td class="r Data">1608</td>
<td class="r Data">1608</td>
<td class="r Data">1607</td>
<td class="r Data">1608</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2350</td>
<td class="r Data">2836</td>
<td class="r Data">836</td>
<td class="r Data">2836</td>
<td class="r Data">2836</td>
</tr>
<tr id='wsTree_7'>
<th class="l rowheader" scope="col">
<input id='chk_7' title='Hide' type='checkbox' onclick="HideParentRow('7','');" />
</th>
<th scope="col">
<table border='0' cellpadding='0' cellspacing='0' rules="groups">
<tr>
<td class="r rowheader" scope="col">
<img src='../Images/white.gif' />
</td>
<td class="r rowheader" scope="col">
<a href='#' onfocus='this.blur()' onclick="ToggleTree('7','')">
<img id='wsTreeNodeImg_7' src='../Images/minus.gif' border='0' /></a>
</td>
<td class="r rowheader" scope="col">
Prepaid expenses and other current assets
</td>
</tr>
</table>
</th>
<td class="r Data">2256</td>
<td class="r Data">2517</td>
<td class="r Data">2029</td>
<td class="r Data">3630</td>
<td class="r Data">3495</td>
<td class="r Data">4624</td>
<td class="r Data">2248</td>
<td class="r Data">2110</td>
<td class="r Data">2162</td>
<td class="r Data">2466</td>
<td class="r Data">3157</td>
<td class="r Data">2288</td>
<td class="r Data">2377</td>
<td class="r Data">2658</td>
<td class="r Data">3011</td>
<td class="r Data">2953</td>
<td class="r Data">2673</td>
<td class="r Data">2979</td>
<td class="r Data">2440</td>
</tr>
</tbody>
</table>
</div>
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Thanks sandeep, but its not working. I know here no one is going to do my work. I always try it on my own and then ask for help.
This is not working, did u made any change in style sheet???
|
|
|
|
|
Ok but its working here 
i didn't change any of the css class
Do one thing can you send me your mail id don't post your mail id just mail that mail id
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Where do i mail u my ID???
|
|
|
|
|
At the bottom you have the option for mail
Reply | Email | View Thread | PermaLink | Go to Thread Start]
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
I did that, u got my mail ID?
|
|
|
|
|
NO
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
I have mail u back again. If u dont mind may I ur mail id so that I will mail u on that ID...
|
|
|
|
|
Just came in office my id is sakhare@virtusa.com
Thanks and Regards
Sandeep
If If you look at what you do not have in life, you don't have anything,
If you look at what you have in life, you have everything... "
|
|
|
|
|
Hi!
Let's say I'm building a personal music toplist and want to be able to use freiendly urls to map from http://mysite/artist.aspx?id=12 to http://mysite/artist/madonna.
This works fine using an HttpHandler and catchin the web request.
However what about bands like AC/DC or Simon&Garfunkel? How can I escape the characters "/" and "&" etc.??
|
|
|
|
|
Read this:
http://www.webdeveloper.com/forum/archive/index.php/t-21641.html
|
|
|
|
|
...how this article relates to my problem?
I have written an HttpHandler but when executing the following URl's I don't get the expected result:
<a href=\"/artist/AC/DC\">AC/DC</a> //Handled "/" character as expected<br />
<a href=\"/artist/AC%2fDC\">AC%2fDC (/ )</a> //Expected to get the path "artist" and "AC/DC"<br />
<a href=\"/artist/AC%20DC\">AC%20DC ( )</a> //Works<br />
<a href=\"/artist/AC%26DC\">AC%26DC (& )</a> //Works<br />
<a href=\"/artist/AC%3aDC\">AC%3aDC (: )</a> //"Bad request", expected "artist" and "AC:DC"<br />
<a href=\"/artist/AC%2aDC\">AC%2aDC (* )</a> //"Bad request", expected "artist" and "AC&DC"
|
|
|
|
|
hi,
i have a table. and in that i have two rows(trs)
in first row i have two tds .In first td i have a textbox and in second td i have a button named "save"
In second row (tr) i have only one td ........this td consists of a button named "add new row"
if i click on the "add new row " button another row has to be generated dynamically with textbox and button like first row.
how can i do this using asp.net .
2)if click on the save button in the firstrow after entering the some value in the textbox..the valu should go to the database..
|
|
|
|
|
You just add them to the controls collection, but make sure you do it before page_load otherwise they won't have any viewstate restored
Christian Graus - Microsoft MVP - C++
"I am working on a project that will convert a FORTRAN code to corresponding C++ code.I am not aware of FORTRAN syntax" ( spotted in the C++/CLI forum )
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
