• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Jeanne Boyarsky
  • Tim Cooke
Sheriffs:
  • Liutauras Vilda
  • paul wheaton
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Tim Holloway
  • Stephan van Hulst
  • Carey Brown
  • Frits Walraven
Bartenders:
  • Piet Souris
  • Himai Minh

dependent columns in table

 
Ranch Hand
Posts: 40
1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Are outer table's tr and td dependent to inner table tr and td regarding size? When I change the size(width) of td or add one more td in inner table ie if outer table contains 3 td and inner table contains 4 td then layout of outer table becomes changed.



<TABLE width="100%" border="0" height="550px" >
<TR align="center" valign="top">
<TD>
<fieldset class='FieldSet' style="text-align:center;width:920px">
<legend style="font-family:'Tahoma';font-size:12px;font-weight: bold;height:18px">
<bean:message key="WKP02030.lbl.Inquiry"/></legend>
<TABLE align="left" class="Body_Label" border="0">
<TR>
<TD>
<fieldset class='FieldSet' style="text-align:center;width:506px">
<legend style="font-family:'Tahoma';font-size:12px;font-weight: bold;height:20px"><bean:message key="WKP02030.lbl.OperationYard"/></legend>
<TABLE align="left" class="Body_Label" border="0">
<TR>
<TD width="150px;" height="120px" CLASS='Body_TableHeader'>
<bean:message key="WKP02030.lbl.AvailableYard" />
<html:select tabindex="1" style="width:181px;height:120px" property="value(avialableYard)"
styleId="value(avialableYard)" size='10' multiple='TRUE' onblur="checkChanges(this);">
<html:options collection="dropdownYard_2030" labelProperty="name" property="code" />
</html:select>
</TD>

<TD width="50px" align="center">
<TABLE class="Body_Label" border="0PX">
<TR></TR>
<TR>

<TD width="75PX" id="select">
<INPUT type=image tabindex="2" src="/ddms/images/en/btn_rightMove.png" border=0
name='rightMove' id='rightMove' onclick='return selectYard()'/>
</TD>
</TR>
<TR></TR>
<TR>
<TD width="75PX" id="remove">
<INPUT type=image tabindex="3" src="/ddms/images/en/btn_leftMove.png" border=0
name='leftMove' id='leftMove' onclick='return remove()'/>
</TD>
</TR>
<TR></TR>
</TABLE>
</TD>
<TD width="120px;" CLASS='Body_TableHeader'>
<bean:message key="WKP02030.lbl.SelectedYard"/>
<html:select tabindex="4" style="width:181px;height:120px" onclick="" property="value(selectedYard)"
styleId="value(selectedYard)" size='15' multiple='TRUE' onblur="checkChanges(this);">
</html:select>
</TD>
</TR>
</TABLE>
</fieldset>

<TABLE class="Body_Label" ALIGN='RIGHT'>

<TR>
<TD align="right" WIDTH="10PX">
<INPUT type=image tabindex="5" src="/ddms/images/en/selDayMonthYear.gif" border=0 name='search'
id='search' onclick='return fnSelectDayMonthYear();'/>
</TD>
<TD align="right" WIDTH="10PX">
<INPUT type=image tabindex="6" src="/ddms/images/en/search.gif" border=0 name='search'
id='search' onclick='return doSearch();'/>
</TD>
<TD align="right" WIDTH="10PX">
<INPUT type=image tabindex="7" src="/ddms/images/en/reset.gif" border=0 name='reset'
id='reset' onclick='return Reset();'/>
</TD>
</TR>
</TABLE>
</TD>
</TR>

</TABLE>
</fieldset>
</TD>
</TR>
<TR align="center">
<TD>
<div id="containerFirstIFrame" style="display:none;">
<fieldset class='FieldSet' style="width: 920px;">
<legend style="font-family:'Tahoma';font-size:12px;font-weight: bold;height:20px"><bean:message key="WKP02030.lbl.ReportSummary"/></legend>
<div id="IFrameDiv" style="width: 910px; overflow-x: scroll">
<TABLE align="left" class="Body_Label" border="0" >
<TR>
<TD>
<iframe name="idFrame" tabindex="-1" id="idFrame"
src="" style="width: 230px; height:70px; border: 1px; zoom: 3.90;">
</iframe>
</TD>
</TR>
</TABLE>
</div>
</fieldset>
</div>
</TD>
</TR>

<TR align="center">
<TD>
<div id="BatchButtonIFrame" style="display:none;">
<TABLE width="850PX" class="Body_Label" border="0">
<TR>
<TD width="800PX"></TD>
<TD WIDTH="10PX">
<INPUT type=image tabindex="9" src="/ddms/images/en/download.gif" border=0 name='download' id='download' onclick='return download();'/>

</TD>
<TD WIDTH="10PX">
<INPUT type=image tabindex="10" src="/ddms/images/en/print.gif" border=0 name='print' id='print' onclick='return print();'/>

</TD>
</TR>
</TABLE>
</div>

</TD>
</TR>

</TABLE>
 
Bartender
Posts: 3648
16
Android Mac OS X Firefox Browser Java
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
All I can say is width of inner tables "should" be smaller than width of outer table.

It shouldn't matter how many columns the inner table has. Of course readability needs to be considered. Wrapping text in the cell may help.
 
Guddu Ali
Ranch Hand
Posts: 40
1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
If two tables(<table>) in same hierarchy (sibling) and width of both tables are same then is the width of first table's <td> dependent to subsequent table's <td>?
 
No matter. Try again. Fail again. Fail better. This time, do it with this tiny ad:
free, earth-friendly heat - a kickstarter for putting coin in your pocket while saving the earth
https://coderanch.com/t/751654/free-earth-friendly-heat-kickstarter
reply
    Bookmark Topic Watch Topic
  • New Topic