表格合并


表格合并

序号 市区 省区 国别
1 苏州 江苏省 中国
2 无锡 江苏省 中国
3 常州 江苏省 中国
4 北京 北京市 中国
5 杭州 浙江省 中国
6 宁波 浙江省 中国
7 11区 11区 日本
代码
<!--主体内容-->
<div class="list-content">
	<!--块元素-->
	<div class="block">
		<!--页面有多个表格时,可以用于标识表格-->
		<h2>表格合并</h2>
		<!--正文内容-->
		<div class="main">
			<table id="table" class="table color2">
				<thead>
					<tr>
						<th>序号</th>
						<th>市区</th>
						<th>省区</th>
						<th>国别</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>苏州</td>
						<td>江苏省</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>2</td>
						<td>无锡</td>
						<td>江苏省</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>3</td>
						<td>常州</td>
						<td>江苏省</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>4</td>
						<td>北京</td>
						<td>北京市</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>5</td>
						<td>杭州</td>
						<td>浙江省</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>6</td>
						<td>宁波</td>
						<td>浙江省</td>
						<td>中国</td>
					</tr>
					<tr>
						<td>7</td>
						<td>11区</td>
						<td>11区</td>
						<td>日本</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>

<script>
	javaex.table({
		id : "table",	// 表格id
		mergeColArr : [3, 4]	// 第3、4列根据内容自动合并
	});
</script>

参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 id 表格id
2 mergeColArr 需要合并的列数组(从1开始),例如[1, 3]