树形表格


树形表格

序号 名称 备注 操作
1 中国
2 江苏省
3 无锡
4 南京
5 夫子庙
6 秦淮河
7 北京市
8 北京
代码(为数据所在的tr行添加id和parentId属性即可,建议添加前缀_)
<div class="block">
	<h2>树形表格</h2>
	<div class="main">
		<table id="table" class="table color2">
			<thead>
				<tr>
					<th style="width: 60px;">序号</th>
					<th>名称</th>
					<th>备注</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr id="tree_1" parentId="tree_-1">
					<td>1</td>
					<td>中国</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_2" parentId="tree_1">
					<td>2</td>
					<td>江苏省</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_3" parentId="tree_2">
					<td>3</td>
					<td>无锡</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_4" parentId="tree_2">
					<td>4</td>
					<td>南京</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_5" parentId="tree_4">
					<td>5</td>
					<td>夫子庙</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_6" parentId="tree_4">
					<td>6</td>
					<td>秦淮河</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_7" parentId="tree_1">
					<td>7</td>
					<td>北京市</td>
					<td></td>
					<td></td>
				</tr>
				<tr id="tree_8" parentId="tree_7">
					<td>8</td>
					<td>北京</td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<script>
	javaex.table({
		id : "table",
		tree : 2	// 第几列是树形结构,从1开始计
	});
</script>

参数说明(使用属性默认值时,可以缺省该属性)
序号 属性名 默认值 说明
1 id 表格id
2 tree 第几列是树形结构,从1开始计
3 isClose false 是否默认为闭合状态