• 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
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

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>?
 
reply
    Bookmark Topic Watch Topic
  • New Topic