我真的不是贾瓦特方案家,因此我不敢为此而努力! http://tablesorter.com/docs/“rel=“nofollow noreferer” plugin with the Tablegroup plugin, which work very nicely to group the table rows by a parent, and subsequently dise.
然而,我的问题是,我还是像孩子们一样,在母体内打上。
我尽了最大努力来完成这项工作,但恐怕我走过墙。 谁能提出10个新开端?
下面的例子就是工作罚款——这里有2个小组:
- Nordics (Norway and Denmark)
- DACH (Germany and Austria)
如果我点击头脑,这些人群就被打了,但小组内的儿童行不分类。
<script type="text/javascript">
$(document).ready(function () {
$(".tablesorter")
.tablesorter({
// set default sort column
sortList: [[0,0]],
// don t sort by first column
headers: {0: {sorter: false}}
, onRenderHeader: function (){
this.wrapInner("<span></span>");
}
, debug: true
})
});
</script>
<table id="results-header" class="grid tablesorter table-header" cellpadding="0" cellspacing="0" border="0">
<thead>
<tr class="title">
<th class="countries"> </th>
<th>% market share</th>
<th>% increase in mkt share</th>
<th>Target achieved</th>
<th>% targets</th>
<th>% sales inc. M-o-M</th>
<th>% sales inc. M-o-M for country</th>
<th>% training</th>
</tr>
</thead>
<tbody>
<tr id="Nord" class="collapsible parent parent-even collapsed">
<td class="countries">Nordics</td>
<td>39.5</td>
<td>49</td>
<td>69.8</td>
<td>51.8</td>
<td>43</td>
<td>42.5</td>
<td>38</td>
</tr>
<tr id="row-Norway" class="expand-child child child-Nord">
<td class="countries">Norway</td>
<td>6</td>
<td>45</td>
<td>101</td>
<td>10</td>
<td>20</td>
<td>40</td>
<td>30</td>
</tr>
<tr id="row-Denmark" class="expand-child child child-Nord">
<td class="countries">Denmark</td>
<td>10</td>
<td>20</td>
<td>3</td>
<td>40</td>
<td>50</td>
<td>25</td>
<td>8</td>
</tr>
<tr id="DACH" class="collapsible parent parent-odd collapsed">
<td class="countries">DACH</td>
<td>77</td>
<td>61</td>
<td>43</td>
<td>98</td>
<td>65</td>
<td>92.5</td>
<td>59.5</td>
</tr>
<tr id="row-Germany" class="expand-child child child-DACH">
<td class="countries">Germany</td>
<td>56</td>
<td>24</td>
<td>84</td>
<td>98</td>
<td>32</td>
<td>87</td>
<td>21</td>
</tr>
<tr id="row-Austria" class="expand-child child child-DACH">
<td class="countries">Austria</td>
<td>98</td>
<td>98</td>
<td>2</td>
<td>98</td>
<td>98</td>
<td>98</td>
<td>98</td>
</tr>
</tbody>
</table>