jquery.tablesorter-update

Author: Christian Bach
Update by: Sören
Version: 2.0.5d (changelog)
Licence: Dual licensed under MIT or GPL licenses.

Comments and suggestions can be send to: mail

Inhalt:

  1. Tablesorter
  2. An Example
  3. Some HTML
  4. Additional CSS
  5. Usage
  6. Inlcuded locales
  7. Download

Tablesorter:

Tablesorter is a plugin from Christian Bach for jQuery. I really like it and i added three tiny features that are missing in my point: locale support, UI themes support, support for german date format and decimal points.

Please keep in mind: this should not be a fork from tablesorter, this page will go down if Christian Bach find my contributions good enough to inlude these in the official release!

An Example:

The example from tablesorter.com with german localized data:
First Name Last Name Age Total Discount Difference Date
Peter Parker 28 €9,99 20,9% +12,1 06.07.2006
John Hood 33 €19,99 25% +12 10.12.2002
Clark Kent 18 €153,89 44% -26 12.01.2003
Bruce Almighty 45 €153,19 44,7% +77 18.01.2001
Bruce Evans 22 €13,19 11% -100,9 18.01.2007

And with english localized data:
First Name Last Name Age Total Discount Difference Date
Peter Parker 28 £9.99 20.9% +12.1 06/07/2006
John Hood 33 £19.99 25% +12 10/12/2002
Clark Kent 18 £153.89 44% -26 12/01/2003
Bruce Almighty 45 £153.19 44.7% +77 18/01/2001
Bruce Evans 22 £13.19 11% -100.9 18/01/2007

Some HTML:

If you want to use the UI themes you only have to wrap your table in a div:
			<div id="tableBody">
			<table id="myTable">
			<thead>
			<tr>
				<th>Last Name</th>
				<th>First Name</th>
				<th>Email</th>
				<th>Due</th>
				<th>Web Site</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td>Smith</td>
				<td>John</td>
				<td>jsmith@gmail.com</td>
				<td>$50.00</td>
				<td>http://www.jsmith.com</td>
			</tr>
			</tbody>
			</table>
			</div>
			

Additional CSS:

Some additional css is needed to make the table looking nice:
			div#tableBody {
 			  width: 60em;
  			  padding: 0.3em;
			}
			table {
  			  width: 100%;
			}
			table th {
			  padding: 0.3em;
			}
			table th span {
  			  float:right;
			}
			table tr.odd {
  			  background-color: #FFFFFF;
			}
			

Usage:

			$(function()
			{
				$('#myTable').tablesorter({sortList: [[0,0]], locale: 'de', widgets: ['zebra'], useUI: true});
			});
			

Included locales:

Locale: Decimal point: Date point:
us . /
en . /
de , .
eu , .

Download:

Here you can download my version for testing, comments are welcome - jquery.tablesorter-update.js
It is based on the latest developer version - jquery.tablesorter-dev.js