个人整理例子，留下做个备份

最终重要的几句话

0.日期格式

format="ognl:dateFormat"

<td align="center">
<span jwcid="@Insert" value="ognl:item.spDate" format="ognl:dateFormat">审批日期</span>
</td>

1.限制td宽度

<colgroup>
<col width="27%"/>
<col width="22%" />
<col width="22%" />
<col width="20%" />
<col />
</colgroup>

2.允许内容换行

<td style="word-break:break-all" align="center"><span jwcid="@Insert"
value="ognl:item.corpName">加工企业名称</span></td>

3.没用上，在这个项目里，但是他可以限制在不动td的宽度下，限制内容的宽度

<div style="width:100px;word-wrap:break-word;" >

例子：

<body jwcid="$content$">
<span jwcid="@components/PopBorder" subtitle="口岸代码列表"
disableCaching="true"> <!--当前位置-->
<!--页面主体-->
<div id="content" class="project_tmd clearfix mt10p">
<form jwcid="listData@Form" async="ognl:async" updateComponents="ognl:updateComponents">
<!--功能区-->
<div class="fun_div">
<!--位置-->
<div class="crrent_div">您现在所在的位置:联网监管加工企业列表</div>
<!--查询-->
<div class="search_div p10p">
<fieldset>
<div class="item">
<label for="qf_corpName">加工企业名称:</label><input type="text"
jwcid='corpName@TextField' displayName="加工企业名称"
class="w150p mr10p"
value='ognl:queryFilter.fields["qf_corpName"].value' /> &nbsp;
<label for="qf_corpCode">加工企业代码:</label><input type="text"
jwcid='qf_corpCode@TextField' displayName="加工企业代码"
class="w150p mr10p"
value='ognl:queryFilter.fields["qf_corpCode"].value' /> &nbsp;
<div class="pb_btn pb_aSearch">
<a href="#" jwcid="@LinkSubmit">查询</a>
</div>
&nbsp;
</div>
</fieldset>
</div>
</div>
<!--列表-->
<div class="content_div list_date">
<!--数据列表 以下只是一个列表实例-->
<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%"/><!-- 海关代码 -->
<col width="22%" /><!-- 海关名称 -->
<col width="22%" />
<col width="20%" />
<col />
</colgroup>
<thead>
<tr>
<th><a jwcid="sort_corpName">加工企业名称</a></th>
<th><a jwcid="sort_corpCode">加工企业代码</a></th>
<th>负责人</th>
<th>负责人电话</th>
<th>操作</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2"><span jwcid="nav">翻页组件</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">加工企业名称</span></td>
<td style="word-break:break-all" align="center"><span jwcid="@Insert"
value="ognl:item.corpCode">加工企业代码</span></td>
<td style="word-break:break-all" align="center"><span jwcid="@Insert"
value="ognl:item.jgqyCharge">负责人</span></td>
<td style="word-break:break-all" align="center"><span jwcid="@Insert"
value="ognl:item.chargeTel">负责人电话</span></td>
<!-- <span jwcid="@Hidden"
value="ognl:item.productCapcity">负责人电话</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)">选择</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="pb_tableData_ft">&nbsp;</div>
</div>
<!--数据列表 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调整td宽度整理-完美解决--费元星前端的更多相关文章

  1. 【原创】java 获取十个工作日之前或之后的日期（算当天）-完美解决-费元星

    [原创]java 获取十个工作日之后的日期(算当天)-完美解决-费元星(仅考虑星期六星期天) /** * * 根据开始日期 ,需要的工作日天数 ,计算工作截止日期,并返回截止日期 * @param s ...

  2. 虚拟机安装win7 64位-完美解决-费元星

    安装虚拟机是为了安装一个oracle ,在本机安装 ,本机会卡死,不是每次启动电脑都用oralce,而且有时候服务是关不干净的,所以安装在虚拟机里,需要的时候在开启,特做此记录! 费元星版权Q[971 ...

  3. 【Linux搭建创建FTP服务器】---完美解决 - 费元星

    配置大红字文件置顶:   vsftp d.conf 4.5KB     useradd -d /home/bai_du -s /sbin/nologin bai_du 修改访问权限: usermod ...

  4. kettle 遇到 解决Incorrect integer value: '' for column 'id' at row 1 完美解决-费元星

    最近自己在测试一个开源的程序,测试中发现.该程序都添加和更新的时候回出现 Incorrect integer value: '' for column 'id' at row 1类是的错误! 后来我自 ...

  5. Linux怎样创建FTP服务器--修改用户默认目录-完美解决 - 费元星

    在创建FTP服务器之有先命令: ps -ef |grep vsftpd 查一下系统有没有安装vsftpd这个服务器,如果出现如下图所示的界面说明没有安装.   然后再执行:yum install vs ...

  6. Myeclipse10安装git 完美解决-费元星

    1. 拥有自己的github版本库 这年头,不在GitHub上弄几个项目都不好意思跟人家打招呼. 首先,进入GitHub注册账号,话说人家这页面做的那叫一个舒服啊. 然后,登陆并创建自己的版本库(Re ...

  7. linux mysql root 忘记密码了，完美解决-费元星站长

    修改MySQL的配置文件(默认为/etc/my.cnf),在[mysqld]下添加一行skip-grant-tables   保存配置文件后,重启MySQL服务 service mysqld rest ...

  8. MyEclipse10安装checkStyle与findBugs插件--详细完美结局-费元星

    本人QQ:971751392(屌丝一枚) Myeclipse10安装checkStyle与findBugs插件详细完美结局方案: 资源一: http://download.csdn.net/detai ...

  9. 三张照片解决--win10系统的edge浏览器设置为浏览器IE8,IE7,IE9---完美解决 费元星

      主要思想:         第二种方法:     参考文档: 1.可以在系统盘的C:\Program Files\Internet Explorer中找到iexplore.exe,然后将其发送到桌 ...

随机推荐

  1. IOS 集成百度地图

    申请key ● http://lbsyun.baidu.com/apiconsole/key 下载SDK ● 下载百度地图开发包:http://api.map.baidu.com/lbsapi/clo ...

  2. pthread使用

    https://developer.apple.com/library/content/documentation/Cocoa/Conceptual/Multithreading/CreatingTh ...

  3. webstorn中的vue文件识别es6代码

    webstorn中的vue文件识别es6代码 1.webstorm中es6语法报错,解决方法: 打开 Settings => Languages & Frameworks => J ...

  4. MR中简单实现自定义的输入输出格式

    import java.io.DataOutput; import java.io.IOException; import java.util.HashMap; import java.util.Ma ...

  5. Nodejs做整站转发

    刚接触nodejs,做个东西练下手,通过nodejs直接转发整站,原本想把内容全翻译成英文,但google对流量行审查,被封IP,所以就没啥用了, 效果像这样 var b = function (a, ...

  6. 使用 get post 注意事项

    快速判断: 如下情况使用GET方法:客户端与服务端的交互像是一个提问(如查询操作.搜索操作.读操作) 如下情况使用POST方法:        1.交互是一个命令或订单(order),比提问包含更多信 ...

  7. selenium之Xpath定位

    1. 绝对定位: driver.find_element_by_xpath("/html/body/div[x]/form/input") x 代表第x个 div标签,注意,索引从 ...

  8. libcurl 基本使用

    libcurl,在HLS流媒体播放终端上提供HTTP下载的相关接口.具体的使用方式可以参见http://curl.haxx.se/libcurl/c/libcurl-tutorial.html,或博客 ...

  9. [HAOI2007]上升序列（最长上升子序列）

    题目描述 对于一个给定的 S=\{a_1,a_2,a_3,…,a_n\}S={a1​,a2​,a3​,…,an​} ,若有 P=\{a_{x_1},a_{x_2},a_{x_3},…,a_{x_m}\ ...

  10. zabbix service安装配置

    1.安装时间同步 yum -y install ntpdate systemctl start ntpdate.service systemctl enable ntpdate.service 2.安 ...