在我们的一些应用中,很多时候都需要对表格进行分组,这个给大家介绍一个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样式。