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,然后将其发送到桌 ...

随机推荐

html默认样式重置
几个著名的重置css goal https://meyerweb.com/eric/tools/css/reset/ 雅虎 https://yuilibrary.com/yui/docs/cssr ...
RabbitMQ .NET Client 实战实验
由于公司业务需求,最近想上RabbitMQ,之前我研究了一段时间微软的MSMQ.开源队列有很多,各有优劣.就先拿RabbitMQ练练手吧.本篇着重代码部分,至于怎么安装,怎么配置不在赘述.而且代码是在 ...
<知识整理>2019清北学堂提高储备D3
全天动态规划入门到入坑... 一.总概: 动态规划是指解最优化问题的一类算法,考察方式灵活,也常是NOIP难题级别.先明确动态规划里的一些概念: 状态:可看做用动态规划求解问题时操作的对象. 边界条件 ...
maven学习记录二——依赖管理
5 依赖管理 Jar包的管理需求:整合struts2 页面上传一个客户id 跳转页面 5.1 添加依赖: 打开maven仓库的视图: 5.2 重建索引 1. 创建m ...
mybatis学习记录五——动态sql
8 动态sql 8.1 什么是动态sql mybatis核心对sql语句进行灵活操作,通过表达式进行判断,对sql进行灵活拼接.组装. 8.2 需求用户信息综合查询列表 ...
今天升级win10.vs调试程序各种崩溃
今天升级win10.vs调试程序各种崩溃.感觉代码没问题.崩溃时有时没有.不知道是win10的问题,好真是我的代码问题. 问题1: 尝试读取或写入受保护的内存.这通常指示其他内存已损坏不过.当我写这 ...
windows mklink
https://blog.csdn.net/kilosnow/article/details/7179705 创建目录链接E:\>mklink /d c:\b d:\a为 c:\b <&l ...
requirements.txt 快速备份与安装项目所需安装包
在查看项目时,通常会有一个requirements.txt 文件, requirements.txt 文件是用于记录所有依赖包及其精确的版本号,便于项目在其它电脑时新环境部署构建项目所需要的运行环境. ...
《计算机图形学3D》
<计算机图形学方法原理应用> Opengl语言光线跟踪贝塞尔曲线射线追踪色彩理论纹理映射逆向运动 MPI 仿射绘制流水线透视变换 bre ...
@font-face css3自定义个性化字体
使用第三方平台转换字体文件为font-face所支持的格式. TureTpe(.ttf)格式支持浏览器:IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS ...

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

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

随机推荐

热门专题