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

最终重要的几句话

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. STL - priority_queue(优先队列）

    参考:http://www.cnblogs.com/xzxl/p/7266404.html 一.基本定义: 优先队列容器与队列一样,只能从队尾插入元素,从队首删除元素.但是它有一个特性,就是队列中最大 ...

  2. 学习换脸：Switching Eds: Face swapping with Python, dlib, and OpenCV

    学习GitHub上比较火换脸博客,原英文版:https://matthewearl.github.io/2015/07/28/switching-eds-with-python/ 系统win10,x6 ...

  3. 在idea配置jetty和创建（包、文件）javaWeb以及Servlet简单实现

    在创建之前要安装好jetty jetty官网链接:https://jettylife.com/ 现在进行创建项目: 需要按照好jdk 现在进行添加jetty 现在进行配置 完成后ok ok 下面警告的 ...

  4. 【luogu P3901 数列找不同】 题解

    对于区间查询的问题,提供一种思路: 莫队. 莫队是处理区间问题的乱搞神器,尤其是对于离线查询问题,当然也可以做在线查询,比如带修莫队. 对于有的题,莫队是乱搞骗分,而在某些地方,莫队是正解. 这道题来 ...

  5. Android学习笔记_78_ Android开发中使用软引用和弱引用防止内存溢出

    在<Effective Java 2nd Edition>中,第6条“消除过期的对象引用”提到,虽然Java有 垃圾回收机制,但是只要是自己管理的内存,就应该警惕内存泄露的问题,例如的对象 ...

  6. Mapreduce-Partition分析(转)

    http://blog.oddfoo.net/2011/04/17/mapreduce-partition%E5%88%86%E6%9E%90-2/ Partition所处的位置 Partition位 ...

  7. Kinect骨架数据

  8. o'Reill的SVG精髓（第二版）学习笔记——第三章

    第三章:坐标系统 3.1视口 文档打算使用的画布区域称作视口.我们可以在<svg>元素上使用width和height属性确定视口的大小.属性的值可以是一个数字,该数字会被当作用户坐标下的像 ...

  9. 轻量ORM-SqlRepoEx （一）SqlRepoEx介绍

    一.SqlRepo项目 发现SqlRepo项目库是在构建自动代码工具时.对于数据访问,在.Net下,有很多选择,比如EF,但EF使用起来,不是很方便的.以前一直使用Atk.Expression库+Sy ...

  10. boost::asio::ip::tcp中几个重要类型

    typedef basic_stream_socket socket; 流式套接字,提供同/异步发送接收数据,连接,绑定,设置套接字选项等功能 对于socket中的connect()方法,它只针对某一 ...