Username Password
Bookmark and Share

Sorting table tips

here 2 tips to sort table with jquery and tablesorter :

1 - Sorting collaborative system search table.
 - cd your_extra_folder/js/
 - Download jquery and tablesorter :


 - Install this new template (package join) : root_import_collaboration_jquery-forum-search.wgpkg
 - Edit a collaborative system and choose jquery forum search as seach template.
 - Go back to site, do a search and click on header to sort column.
 - look at the template, and the easy code.

this tips doesn't  resolve paginate, only current page columns are sorted.

2 -  Sorting Users table in Admin console (useful for me !) :

- Edit the admin console template and add this in the head block :

 <script type="text/javascript" src="/extras/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/extras/js/jquery.tablesorter.js"> </script>
<script type="text/javascript">
$.fn.alternateRowColors = function() {
  $('tbody tr:even', this).removeClass('odd');
  $('tbody tr:odd', this).addClass('odd');
  return this;
$(document).ready(function() {
        {sortList: [[0,0], [1,0], [2,0]]});
    $('table.sortable').bind("sortEnd",function() {
        var $table = $(this);

this make all table class="sortable", sortable. but the table should be build with thead/tbody. So we need to modify  Operation/ (see attached files). So update this file and restart apache. take care there's other and this one is a  7.26.

this add a class "odd" to all odd line in table, this could be useful in css to alternate color.

System RequirementsPlease be advised: this contribution was tested with something older than WebGUI 7.5. When this contribution was uploaded there was no field for the author to fill out regarding it's requirements.
root_import_collaboration_jquery-forum-search.wgpkg root_import_collaboration_jquery-forum-search.wgpkg
LinksNo Support Offered
Statistics Downloads: 1569
Views: 3219
Rating: 0
Updated: 3/16/2008
Keywords miscellaneous
NavigationBack to the Bazaar
© 2023 Plain Black Corporation | All Rights Reserved