`

两个table并列成为一个table

 
阅读更多
//主要将两个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>


分享到:
评论

相关推荐

    XQScrollPage(横向Table包含纵向Table)

    实现横向滚动视图里含有可以纵向滑动的Table,也可以理解为横向table嵌套纵向table(与appstore布局相反)。横向的scrollView上面始终只有3个View,重复使用,避难内存紧张,适用于做类似卡片的应用。

    html表格<table></table>

    html表格 &lt;table border="1"&gt; 第二行的单元格 第三行的单元格 第二行的单元格 ... 第一行的单元格 第二行的单元格 第三行的单元格 &lt;/table&gt;

    linear_table_array_Table_C++线性表_

    在C++中,我们可以创建一个结构体或类来表示多项式的项,包含系数(coefficient)和指数(exponent)两个字段。例如: ```cpp struct Term { int coefficient; int exponent; }; ``` 接下来,我们可以使用动态...

    黑龙江省大庆市喇中中考英语 考题精选复习13 并列句28例

    并列句是英语语法中的一个重要概念,它是指两个或多个独立的句子通过并列连词(如and, but, or, so)连接起来,形成一个新的句子,表达相互关联的思想。在黑龙江省大庆市喇中中考英语的考题精选复习中,重点考察了...

    2014中考英语分类复习练习 并列复合句与状语从句

    3. 第三个选择填空题(B):"Lucy likes playing table tennis, but Lily doesn't." 这是一个转折状语从句,对比了Lucy和Lily的喜好。 4. 第四个选择填空题(B):"Mr. Green knows little German, so he can't ...

    微信小程序表格合并demo

    为了实现动态合并,你可能需要结合这两个工具,根据业务逻辑动态计算合并范围,并更新相应的数据。 总之,“微信小程序表格合并demo”是一个实战性的教学示例,通过学习这个项目,开发者不仅可以掌握微信小程序的...

    vue elementUI table 自定义表头和行合并的实例代码

    该方法应返回一个包含两个元素的数组,第一个元素代表rowspan,即需要合并的行数,第二个元素代表colspan,即需要合并的列数;或者返回一个包含rowspan和colspan键的对象。 在具体实现上,可以根据行号和列号,通过...

    基于Jasperreport动态单元格合并模板

    JasperReport是一个基于Java的报告设计库,它允许开发者通过JRXML文件定义报表布局,然后在运行时填充数据。JRXML文件是一种XML格式,用于描述报表的结构,包括表格、图表、文本框等元素的位置和样式。 动态单元格...

    数据库实验四:SQL数据查询.doc

    1. 两个关系的连接:通过JOIN连接两个表,如`SELECT * FROM table1 JOIN table2 ON condition`。 2. 带其他查询条件的连接:在JOIN的基础上增加WHERE子句,如`SELECT * FROM table1 JOIN table2 ON condition WHERE ...

    页面设计常用的方式之一div应用

    在这个例子中,两个`&lt;div&gt;`都设置了`float:left`,这意味着它们会向左浮动,并且宽度设置为50%,使得它们能够并列在同一行内。表格的宽度设置为100%,确保它们完全填充各自的`&lt;div&gt;`容器。 除了使用内联样式,我们...

    只有两个字段用一个sql语句查询出某个学生的姓名、成绩以及在表中的排名

    这里我们探讨两种方法,适用于只有姓名(`name`)和成绩(`score`)两个字段的成绩表。 ### 方法一:子查询 首先,我们可以使用子查询来计算排名。这种方法的关键在于,我们需要找到所有成绩高于或等于目标学生...

    sql server经典面试题

    先创建一个包含姓名、课程和分数的表,然后通过多次查询和UNION ALL将行转换为列,例如: ```sql SELECT 姓名, '语文' AS 课程, 语文 AS 分数 FROM tb UNION ALL SELECT 姓名, '数学' AS 课程, 数学 AS 分数 ...

    常用T-sql,查询,关联

    4. FULL JOIN(FULL OUTER JOIN):返回两个表中所有匹配和不匹配的记录。如果其中一个表中没有匹配项,结果为NULL。 三、子查询 1. 内部子查询:嵌套在其他查询中,用于提供临时结果供外部查询使用。例如,`...

    MYSQL实现排名及查询指定用户排名功能(并列排名功能)实例代码

    首先,我们需要创建一个用于存储用户分数的表。表名为`testsort`,包含三列:`id`(主键,自动递增),`uid`(用户ID),以及`score`(用户分数)。表的创建语句如下: ```sql CREATE TABLE test.testsort ( id ...

    02_Oracle_Royallin.pdf

    - **4.4.4 通过查询从一个表创建另一个表:** 如 `CREATE TABLE new_table AS SELECT * FROM old_table;` - **4.4.5 查看表的系统信息:** 使用 `DBA_TABLES` 或 `ALL_TABLES` 视图。 **4.5 更改表** - **4.5.1 ...

    使用vue中的v-for遍历二维数组的方法

    最终,Vue会根据这个模板生成一个表格,每行对应一个二维数组中的子数组,每列则对应子数组内对象的一个非`type`属性。 总结来说,Vue中的`v-for`指令对于遍历二维数组非常有用,特别是当需要在模板中动态渲染复杂...

    7buUnit4Grammar2课件.ppt

    旁边**(beside/next to):这两个介词都可以表示物体并列或靠近。例如:"The toy plane is beside/next to the shelf." 玩具飞机在架子旁边。 8. **在...的正上方**(above):当一个物体不接触另一个物体表面且...

    人教英语中考连词数词单项选择题训练PPT课件.pptx

    例如,选择正确的连词来连接两个并列的句子,或者理解从属连词引导的条件句或原因状语从句的含义,都是常见的试题类型。 数词则涉及到我们如何在英语中表示数量和顺序。基数词(如one, two, three)用来表示数量,...

    英语语句种类类型PPT课件.pptx

    - **并列句**:由两个或多个简单句通过并列连词(and, but, or等)连接。例如:“She likes reading, but he prefers watching movies.” - **复合句**:包含一个主句和一个或多个从句,如:“When it rains, I ...

Global site tag (gtag.js) - Google Analytics