Personal grooming example, left to make a backup
The last few words that are important
1. Limit TD width
<colgroup>
<col width= "27%"/><!--Customs Code--
<col width= "22%"/><!--Customs name--
<col width= "22%"/>
<col width= "20%"/>
<col/>
</colgroup>
2. Allow content Wrapping
<TD style= "Word-break:break-all" align= "center" ><span jwcid= "@Insert"
Value= "Ognl:item.corpName" > Processing company name </span></td>
3. No use on this project, but he can limit the width of the content to the width of the fixed TD.
<div style= "Width:100px;word-wrap:break-word;" >
Example:
<body jwcid= "$content $" >
<span jwcid= "@components/popborder" subtitle= "Port code list"
Disablecaching= "true" > <!--Current Location--
<!--page body--
<div id= "Content" class= "PROJECT_TMD clearfix mt10p" >
<form jwcid= "[email protected]" async= "Ognl:async" updatecomponents= "ognl:updatecomponents" >
<!--functional area--
<div class= "Fun_div" >
<!--location--
<div class= "Crrent_div" > Your present Position: Network Supervision processing Enterprise list </div>
<!--query-
<div class= "Search_div p10p" >
<fieldset>
<div class= "Item" >
<label for= "Qf_corpname" > Processing company Name: </label><input type= "Text"
jwcid= ' [email protected] ' displayname= ' processing company name '
class= "w150p mr10p"
Value= ' ognl:queryfilter.fields["qf_corpname"].value '/>
<label for= "Qf_corpcode" > Processing Enterprise Code: </label><input type= "Text"
jwcid= ' [email protected] ' displayname= ' Processing Enterprise code '
class= "w150p mr10p"
Value= ' ognl:queryfilter.fields["qf_corpcode"].value '/>
<div class= "Pb_btn pb_asearch" >
<a href= "#" jwcid= "@LinkSubmit" > Query </a>
</div>
</div>
</fieldset>
</div>
</div>
<!--List--
<div class= "Content_div list_date" >
<!--data list The following is just a list instance--
<div class= "Pb_tabledata" >
<div class= "PB_TABLEDATA_BD" >
<table class= "pb_table" border= "0" cellpadding= "0" cellspacing= "0" width= "100%" >
<colgroup>
<col width= "27%"/><!--Customs Code--
<col width= "22%"/><!--Customs name--
<col width= "22%"/>
<col width= "20%"/>
<col/>
</colgroup>
<thead>
<tr>
<th><a jwcid= "Sort_corpname" > Processing company name </a></th>
<th><a jwcid= "Sort_corpcode" > Processing Enterprise Code </a></th>
<th> Manager </th>
<th> Manager Phone </th>
<th> Operations </th>
</tr>
</thead>
<tfoot>
<tr>
<TD colspan= "2" ><span jwcid= "NAV" > Paging components </span> </td>
</tr>
</tfoot>
<tbody>
<tr class= "Even" jwcid= "foreach" >
<TD style= "Word-break:break-all" align= "center" ><span jwcid= "@Insert"
Value= "Ognl:item.corpName" > Processing company name </span></td>
<TD style= "Word-break:break-all" align= "center" ><span jwcid= "@Insert"
Value= "Ognl:item.corpCode" > Processing Enterprise Code </span></td>
<TD style= "Word-break:break-all" align= "center" ><span jwcid= "@Insert"
Value= "Ognl:item.jgqyCharge" > person in charge </span></td>
<TD style= "Word-break:break-all" align= "center" ><span jwcid= "@Insert"
Value= "Ognl:item.chargeTel" > in charge of telephone </span></td>
<!--<span jwcid= "@Hidden"
Value= "ognl:item.productCapcity" > person in charge phone </span>-
<TD style= "Word-break:break-all" align= "Center" >
<div class= "PB_BTN" >
<a jwcid= "@Any" href= "#" chargetel= "Ognl:item.chargeTel"
Corpname= "Ognl:item.corpName" corpcode= "Ognl:item.corpCode"
Jgqycharge= "Ognl:item.jgqyCharge" jgqyadress= "ognl:item.jgqyAdress" productcapcity= "ognl:item.productCapcity" Onclick= "SelectItem (This)" > select </a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class= "pb_tabledata_ft" > </div>
</div>
<!--data list end-->
</div>
</form>
</div>
<script type= "Text/javascript" >
var id = ' <span jwcid= ' @Insert "value=" Ognl:corpname "/>";
var id2 = ' <span jwcid= ' @Insert ' value= ' ognl:corpcode '/> ';
var id3 = ' <span jwcid= ' @Insert ' value= ' ognl:jgqyadress '/> ';
var id4 = ' <span jwcid= ' @Insert ' value= ' ognl:jgqycharge '/> ';
var id5 = ' <span jwcid= ' @Insert ' value= ' Ognl:chargetel '/> ';
var id6 = ' <span jwcid= ' @Insert ' value= ' ognl:productcapcity '/> ';
function SelectItem (obj) {
Window.opener.document.getElementById (ID). value=$ (obj). attr (' Corpname ');
Window.opener.document.getElementById (ID2). value=$ (obj). attr (' Corpcode ');
Window.opener.document.getElementById (ID3). value=$ (obj). attr (' jgqyadress ');
Window.opener.document.getElementById (ID4). value=$ (obj). attr (' Jgqycharge ');
Window.opener.document.getElementById (ID5). value=$ (obj). attr (' Chargetel ');
Window.opener.document.getElementById (ID6). value=$ (obj). attr (' productcapcity ');
Window.close ();
}
</script>
</span>
</body>
Table Adjustment TD width finishing-perfect solution--Feiyuan star Front