library-mirrors/tablesorter
1
0
Fork 0
mirror of https://github.com/Mottie/tablesorter.git synced 2025-01-12 15:24:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Docs: Add page header to grouping child demo. Fixes #1346

Browse Source
This commit is contained in:
Rob Garrison 2016-12-30 07:41:13 -06:00
parent 74589ee93b
commit 269db13f03
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/example-widget-grouping-filter-childrows.html
View File

@ -33,7 +33,9 @@
background: #bfbfbf;
}
/* Grouping widget css */
/* Grouping widget css;
* contained in widget.grouping.css (added v2.28.4)
*/
tr.group-header td {
background: #eee;
}
@ -76,9 +78,7 @@ tr.group-header.collapsed td i {
<link rel="stylesheet" href="../css/theme.blue.css">
<script src="../js/jquery.tablesorter.js"></script>
<script src="../js/jquery.tablesorter.widgets.js"></script>
<!-- grouping widget -->
<script src="../js/parsers/parser-input-select.js"></script>
<script src="../js/widgets/widget-grouping.js"></script>
<script id="js">$(function(){
@ -91,13 +91,13 @@ tr.group-header.collapsed td i {
group_collapsible : true,
group_collapsed : false,
group_count : false,
filter_childRows : true,
filter_childRows : true
}
});
$('.tablesorter-childRow td').hide();
$('.tablesorter').delegate('.toggle', 'click' ,function(){
$('.tablesorter').on('click', '.toggle', function(){
$(this).closest('tr').nextUntil('tr:not(.tablesorter-childRow)').find('td').toggle();
return false;
});
@ -173,6 +173,18 @@ tr.group-header.collapsed td i {
</table>
</div>
<h1>Page Header</h1>
<div>
<pre class="prettyprint lang-html">&lt;!-- Tablesorter: required --&gt;
&lt;link href=&quot;css/theme.blue.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;script src=&quot;js/jquery.tablesorter.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/jquery.tablesorter.widgets.js&quot;&gt;&lt;/script&gt;
&lt;!-- Grouping widget --&gt;
&lt;link href=&quot;css/widget.group.css&quot; rel=&quot;stylesheet&quot;&gt; &lt;!-- added v2.28.4 --&gt;
&lt;script src=&quot;js/widgets/widget-grouping.js&quot;&gt;&lt;/script&gt;</pre>
</div>
<h1>Script</h1>
<div id="javascript">
<pre class="prettyprint lang-js"></pre>