function _w_table_rowspan(_w_table_id,_w_table_colnum){ _w_table_firsttd = ""; _w_table_currenttd = ""; _w_table_SpanNum = 0; _w_table_Obj = $(_w_table_id + " tr td:nth-child(" + _w_table_colnum + ")"); _w_table_Obj.each(function(i){ if(i==0){ _w_table_firsttd = $(this); _w_table_SpanNum = 1; }else{ _w_table_currenttd = $(this); if(_w_table_firsttd.text()==_w_table_currenttd.text()){ _w_table_SpanNum++; _w_table_currenttd.hide(); //remove(); _w_table_firsttd.attr("rowSpan",_w_table_SpanNum); }else{ _w_table_firsttd = $(this); _w_table_SpanNum = 1; } } }); } $(document).ready(function(){ _w_table_rowspan("#dataTable",1); });
<table id="dataTable" class="table1" border="1" align="center" cellpadding="0" width="90%" cellspacing="0" > <tr> <td colspan="10" align="center"> <font color="red"> 【年级:<param:display type="xxnj1Tag" name="bjkcForm" property="bjkcbQO.nj" condition="bjkcbQO.xxdm,bjkcbQO.xn,bjkcbQO.xq"/>】 【班级:<param:display type="bjmcTag" name="bjkcForm" property="bjkcbQO.bjdm"/>】 </font> </td> </tr> <tr height="30"> <th nowrap="nowrap" class="center"> 上午/下午 </th> <th nowrap="nowrap" class="center"> 时段 </th> <th nowrap="nowrap" class="center"> 时间 </th> <th nowrap="nowrap" class="center"> 星期一 </th> <th nowrap="nowrap" class="center"> 星期二 </th> <th nowrap="nowrap" class="center"> 星期三 </th> <th nowrap="nowrap" class="center"> 星期四 </th> <th nowrap="nowrap" class="center"> 星期五 </th> </tr> <logic:iterate name="bjkcForm" property="kcblist" id="bjkcbPO" indexId="index"> <tr height="30"> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="sxw"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="jhmc"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="qssj"/>~~<bean:write name="bjkcbPO" property="zzsj"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="z1kcmc"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="z2kcmc"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="z3kcmc"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="z4kcmc"/> </td> <td class="center" nowrap="nowrap" align="center"> <bean:write name="bjkcbPO" property="z5kcmc"/> </td> </tr> </logic:iterate> </table>
您还没有登录,请您登录后再发表评论
可以将表格中 ,两格相同的文字。列合并,显示,不同的效果。。提高客户感知。
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。
jquery实现的相同行或列的合并
jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
相邻表格相同数据看起来不好看,而且显得冗余,如果将相邻表格的相同数据进行合并处理,不仅看起来美观很多,而且显得更加的专业。
js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx
通过jQuery简单实现的一个合并单元格功能
jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
Jquery实现数据左右移动Demo,供大家一起共同分享学习。
JQuery实现数据展示方面基本特效JQuery实现数据展示方面基本特效
jquery脚本实现动态添加列,删除指定列
jquery实现锁行锁列.zip
jquery实现数据动态加载分页的完整版,不错哦,欢迎下载
使用JQuery实现从JSON对象转换为form提交数据
jQuery设置表格列字段筛选改变代码,jQuery设置表格列字段筛选改变代码(html)
1.GridView如何新增一行数据 2.jQuery实现对数据的增删改查
本代码实现的是通过数据库部分读到的json数据,填充到table表格中,并且也可以实现table表格中用户自行进行增删等操作,主要是jquery、js
基于jquery实现的页面模板渲染组件 有需要的自己下载, 1.1版本后续传上来
相关推荐
可以将表格中 ,两格相同的文字。列合并,显示,不同的效果。。提高客户感知。
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。
jquery实现的相同行或列的合并
jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
相邻表格相同数据看起来不好看,而且显得冗余,如果将相邻表格的相同数据进行合并处理,不仅看起来美观很多,而且显得更加的专业。
js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx
通过jQuery简单实现的一个合并单元格功能
jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);
前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+jQuery+实现烟花特效前端+...
Jquery实现数据左右移动Demo,供大家一起共同分享学习。
JQuery实现数据展示方面基本特效JQuery实现数据展示方面基本特效
jquery脚本实现动态添加列,删除指定列
jquery实现锁行锁列.zip
jquery实现数据动态加载分页的完整版,不错哦,欢迎下载
使用JQuery实现从JSON对象转换为form提交数据
jQuery设置表格列字段筛选改变代码,jQuery设置表格列字段筛选改变代码(html)
1.GridView如何新增一行数据 2.jQuery实现对数据的增删改查
本代码实现的是通过数据库部分读到的json数据,填充到table表格中,并且也可以实现table表格中用户自行进行增删等操作,主要是jquery、js
基于jquery实现的页面模板渲染组件 有需要的自己下载, 1.1版本后续传上来