//主要将两个table的margin、cellspacing和cellpadding设置为零 中间有条边重叠了,需要对左边的表格右边的边设置style="border-right:none;">
<table width="1000" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> //置顶
<table width="500" border="0" cellpadding="0" cellspacing="0"
class="wjzt_nmtable" style="margin-right:0px;"> //margin-right:0px 去掉左边表格的右边框与右表格的间距
<tr>
<td width="120px">科目</td>
<td width="250px">项目</td>
<td width="130px" style="border-right:none;">金额(元)</td>
</tr>
<s:iterator value="domain.srDataList" status="st" id="data">
<tr>
<s:if test='#st.index == "0"'>
<td rowspan="<s:property value='domain.srAccount + 1'/>">本月收入</td>
<td><s:property value="xmmc"/></td>
<td style="border-right:none;"><s:property value="je"/></td>
</s:if>
<s:else>
<td><s:property value="xmmc"/></td>
<td style="border-right:none;"><s:property value="je"/></td>
//border-right:none 去掉右边框
</s:else>
</tr>
</s:iterator>
<tr>
<td>合计</td>
<td style="border-right:none;"><s:property value="domain.srhj"/></td>
</tr>
<s:iterator value="domain.leftList" status="st" id="data">
<tr>
<td></td>
<td></td>
<td style="border-right:none;"></td>
</tr>
</s:iterator>
</table>
</td>
<td valign="top">
<table width="500" border="0" cellpadding="0" cellspacing="0"
class="wjzt_nmtable" style="margin-left:0px;">
<tr>
<td width="120px">科目</td>
<td width="250px">项目</td>
<td width="130px">金额(元)</td>
</tr>
<s:iterator value="domain.zcDataList" status="st" id="data">
<tr>
<s:if test='#st.index == "0"'>
<td rowspan="<s:property value='domain.zcAccount + 1'/>">本月支出</td>
<td><s:property value="xmmc"/></td>
<td><s:property value="je"/></td>
</s:if>
<s:else>
<td><s:property value="xmmc"/></td>
<td><s:property value="je"/></td>
</s:else>
</tr>
</s:iterator>
<tr>
<td>合计</td>
<td>${domain.srhj}</td>
</tr>
<tr>
<td rowspan="3">节超</td>
<td>上月底账目累计节超</td>
<td><s:property value="domain.jcSyd"/></td>
</tr>
<tr>
<td>本月底账目累计节超</td>
<td><s:property value="domain.jcByd"/></td>
</tr>
<tr>
<td>本月节超</td>
<td><s:property value="domain.jcBy"/></td>
</tr>
<s:iterator value="domain.rightList" status="st" id="data">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</s:iterator>
</table>
</td>
</tr>
</table>
分享到:
相关推荐
BootStrap Table两个Table数据之间行数据拖拽。
实现横向滚动视图里含有可以纵向滑动的Table,也可以理解为横向table嵌套纵向table(与appstore布局相反)。横向的scrollView上面始终只有3个View,重复使用,避难内存紧张,适用于做类似卡片的应用。
jasperreport创建多个List数据源报表 通多个detail实现多个table效果,简单 快捷
首先加载控件到Toolbox上(添加一个Item,引用XPTable.dll) 然后,拖动Table, ColumnModel 和 TableModel到Form上,设置Table的ColumnModel 和 TableModel属性,添加Column到ColumnModel,添加Row 和 Cell到...
根据table的id属性和table中的某一个元素定位其在table中的位置 table包括表头,位置坐标都是从1开始算 tableId:table的id属性 queryContent:需要确定位置的内容 def get_table_content(tableId,queryContent): ...
Table Table Table Table Table
向上滚动的table,js,同时支持两个table同时滚动。
现有一个 table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.Id}, page:false, cols : [ [ //表头 ]] }) 最简单直接用ajax请求,确保url路径正确 $.ajax({ ...
用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入。包里有两个版本的
js 代码操作 table 排序功能
一个table表头固定,内容可滚动的实用例子,同时可以实现增加,删除功能
一个table控件,易于使用和修改,类似于ext.js的table控件
一个用于将JSON数据转换为Table的JavaScript库
html表格 <table border="1"> 第二行的单元格 第三行的单元格 第二行的单元格 ... 第一行的单元格 第二行的单元格 第三行的单元格 </table>
PrintTable一个打印的例子
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
基于bootstrap-table 实现 右侧列固定,也可以针对左侧列固定,针对操作列使用起来非常方便,引用jquery、bootstrap-table-fixed 样式和js文件后,可以随意设置,灵活。 fixedColumns: true,//fixedtNumber:2, //...
在jsp、html页面中实现table表格按列合并相同数据行单元格代码,可实现功能为:在一个table表格中,合并指定列中所有相同数据相邻行单元格内容。
HTML用table写的一个学校首页,大学生小白或者刚入门的可以借鉴一下,纯table写的,了解即可,以后用不到
亲测可用,已加到项目里了,本想免费,但找到正确方法也耗了不少时间,所以收5分不过分吧? ----------------------------- ... 里面有tableExport.js和jquery.base64.js两个js文件,但只要引入tableExport就可以导出了.