jquery表格分组插件-jquery.tablegroup.js

最新推荐文章于 2021-11-08 19:00:00 发布

三丶胖子

最新推荐文章于 2021-11-08 19:00:00 发布

阅读量8.5k

点赞数

分类专栏： web前端文章标签： jquery 插件

本文链接：https://blog.csdn.net/xuhf_1988/article/details/13015479

版权

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在我们的一些应用中，很多时候都需要对表格进行分组，这个给大家介绍一个jquery的表格分组插件，jquery.tablegroup.js。

Demo下载链接：Jquery表格分组

附一个简单的例子代码

<html>
	<head>
		<title>JqueryTableGroup</title>
		<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="jquery.tablegroup.js"></script>
		<script type="text/javascript">
			$(function(){
				$("table").tableGroup({groupColumn: 2, groupClass: 'mygroups', useNumChars: 10});
			});
		</script>
	</head>
	<body>
			<table>
				<thead></thead>
				<tr>
					<td>123</td>
					<td>study</td>
					<td>25</td>					
				</tr>
				<tr>
					<td>456</td>
					<td>study</td>
					<td>21</td>					
				</tr>
				<tr>
					<td>789</td>
					<td>study</td>
					<td>12</td>					
				</tr>
				<tr>
					<td>101</td>
					<td>demo</td>
					<td>13</td>					
				</tr>
			</table>
	</body>	
</html>

在例子中，使用

$("table").tableGroup({groupColumn: 2, groupClass: 'mygroups', useNumChars: 10});

来对表格进行分组，参数的含义分别为：

1，groupColumn: 2, 使用哪一列进行分组

2，groupClass: 'mygroups', 对分组行的样式控制

3，useNumChars: 10，使用多少个字符进行分组

在例子中，使用第2行的10个字符进行分组，对分组行增加'mygroups'的class样式。

三丶胖子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jquery表格分组插件-jquery.tablegroup.js

在我们的一些应用中，很多时候都需要对表格进行分组，这个给大家介绍一个jquery的表格分组插件，jquery.tablegroup.js。Demo下载链接：Jquery表格分组附一个简单的例子代码 JqueryTableGroup $(function(){ $("table").tableGroup({groupColumn
复制链接

扫一扫

专栏目录