table调整td宽度整理-完美解决--费元星前端

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

最终重要的几句话

0.日期格式

format="ognl:dateFormat"

1.限制td宽度

2.允许内容换行

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

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

例子：

<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' />  
<label for="qf_corpCode">加工企业代码:</label><input type="text"
jwcid='qf_corpCode@TextField' displayName="加工企业代码"
class="w150p mr10p"
value='ognl:queryFilter.fields["qf_corpCode"].value' />  
<div class="pb_btn pb_aSearch">
<a href="#" jwcid="@LinkSubmit">查询</a>
</div>
 
</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>

<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"> </div>
</div>

</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宽度整理-完美解决--费元星前端的更多相关文章

【原创】java 获取十个工作日之前或之后的日期（算当天）-完美解决-费元星
[原创]java 获取十个工作日之后的日期(算当天)-完美解决-费元星(仅考虑星期六星期天) /** * * 根据开始日期 ,需要的工作日天数 ,计算工作截止日期,并返回截止日期 * @param s ...
虚拟机安装win7 64位-完美解决-费元星
安装虚拟机是为了安装一个oracle ,在本机安装 ,本机会卡死,不是每次启动电脑都用oralce,而且有时候服务是关不干净的,所以安装在虚拟机里,需要的时候在开启,特做此记录! 费元星版权Q[971 ...
【Linux搭建创建FTP服务器】---完美解决 - 费元星
配置大红字文件置顶: vsftp d.conf 4.5KB useradd -d /home/bai_du -s /sbin/nologin bai_du 修改访问权限: usermod ...
kettle 遇到解决Incorrect integer value: '' for column 'id' at row 1 完美解决-费元星
最近自己在测试一个开源的程序,测试中发现.该程序都添加和更新的时候回出现 Incorrect integer value: '' for column 'id' at row 1类是的错误! 后来我自 ...
Linux怎样创建FTP服务器--修改用户默认目录-完美解决 - 费元星
在创建FTP服务器之有先命令: ps -ef |grep vsftpd 查一下系统有没有安装vsftpd这个服务器,如果出现如下图所示的界面说明没有安装. 然后再执行:yum install vs ...
Myeclipse10安装git 完美解决-费元星
1. 拥有自己的github版本库这年头,不在GitHub上弄几个项目都不好意思跟人家打招呼. 首先,进入GitHub注册账号,话说人家这页面做的那叫一个舒服啊. 然后,登陆并创建自己的版本库(Re ...
linux mysql root 忘记密码了，完美解决-费元星站长
修改MySQL的配置文件(默认为/etc/my.cnf),在[mysqld]下添加一行skip-grant-tables 保存配置文件后,重启MySQL服务 service mysqld rest ...
MyEclipse10安装checkStyle与findBugs插件--详细完美结局-费元星
本人QQ:971751392(屌丝一枚) Myeclipse10安装checkStyle与findBugs插件详细完美结局方案: 资源一: http://download.csdn.net/detai ...
三张照片解决--win10系统的edge浏览器设置为浏览器IE8,IE7,IE9---完美解决费元星
主要思想: 第二种方法: 参考文档: 1.可以在系统盘的C:\Program Files\Internet Explorer中找到iexplore.exe,然后将其发送到桌 ...

随机推荐

IOS 播放视频（MPMoviePlayerController、MPMoviePlayerViewController）
● iOS提供了叫做MPMoviePlayerController.MPMoviePlayerViewController的两个类,可以用来轻松播放视频 ➢ YouTobe就是用MPMoviePl ...
python：类的基本特征------继承、多态与封装
一.继承 1,什么是继承继承是一种创建新类的方式,在python中,新建的类可以继承一个或多个父类,父类又可称为基类或超类,新建的类称为派生类或子类 python中类的继承分为:单继承和多继承 cl ...
React中的响应式设计思想和事件绑定
这两个点是react入门非常重要的两个点,以前我们是直接操作dom的形式去做,react的设计思想和以前直接操作dom是完全不同的,react是一个响应式的框架,他在做编程的时候,强调的是我们不要直接 ...
【洛谷P1801】黑匣子
黑匣子题目链接看到题解中“维护两个堆”,突然想到了这道题的解法维护两个堆:大根堆h1, 小根堆h2 大根堆里的是最小的i个值,小根堆里是剩下的值每Add一个值时插入到小根堆中, 再比较小根堆 ...
phpstorm常用plugins
CodeGlance JsonOnlineViewer CSS-X-Fire Laravel Plugin PHP annotations
block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素
block:块级元素默认display属性为block:无论块内内容有多少,总是占满一行: inline:行内元素默认display属性为inline:只占据块内的内容的大小,不会占满一整行: inl ...
Vue nodejs商城-订单模块
一.订单列表渲染新建OrderConfirm.vue订单确认页面,添加路由 src/router/index.js添加路由 import OrderConfirm from '@/views/Ord ...
复制D:\\day05目录下的所有文件到D:\\copy，并将.txt文件改为.java文件。
**解题思路: 1.首先定义一个静态的refile方法,参数传入两个文件路径 2.要复制目录下的所有文件,首先查询File类的方法,可以使用listFiles方法得到目录下的文件 3.想到这问题基本就 ...
Java实现桶排序
public class BucketSort { public static void main(String[] args) { int[] list = {1000, 192, 221, 12, ...
[USACO1.5]数字三角形 Number Triangles
题目描述观察下面的数字金字塔. 写一个程序来查找从最高点到底部任意处结束的路径,使路径经过数字的和最大.每一步可以走到左下方的点也可以到达右下方的点. 7 3 8 8 1 0 2 7 4 4 4 5 ...

table调整td宽度整理-完美解决--费元星前端

table调整td宽度整理-完美解决--费元星前端的更多相关文章

随机推荐

热门专题