Skip to content

Instantly share code, notes, and snippets.

@damianstasik

damianstasik/jquery.tablesort.js

Last active November 14, 2016 13:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save damianstasik/3ad0aa58c3cc546cf1606ef62326394a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save damianstasik/3ad0aa58c3cc546cf1606ef62326394a to your computer and use it in GitHub Desktop.
Download ZIP
SemanticUI Table Sorter
Raw
jquery.tablesort.js
/*
A simple, lightweight jQuery plugin for creating sortable tables.
https://github.com/kylefox/jquery-tablesort
Version 0.0.1
*/
;(function($) {
$.tablesort = function ($table, settings) {
var self = this;
this.$table = $table;
this.settings = $.extend({}, $.tablesort.defaults, settings);
this.$table.find('thead th').bind('click.tablesort', function() {
if( !$(this).hasClass('disabled') ) {
self.sort($(this));
}
});
this.index = null;
this.$th = null;
this.direction = [];
};
$.tablesort.prototype = {
sort: function(th, direction) {
var start = new Date(),
self = this,
table = this.$table,
rows = table.find('tbody tr'),
index = th.index(),
cache = [],
fragment = $('<div/>'),
sortValueForCell = function(th, td, sorter) {
var
sortBy
;
if(th.data().sortBy) {
sortBy = th.data().sortBy;
return (typeof sortBy === 'function')
? sortBy(th, td, sorter)
: sortBy
;
}
return ( td.data('sort') )
? td.data('sort')
: td.text()
;
},
naturalSort = function naturalSort (a, b) {
var
chunkRegExp = /(^-?[0-9]+(\.?[0-9]*)[df]?e?[0-9]?$|^0x[0-9a-f]+$|[0-9]+)/gi,
stripRegExp = /(^[ ]*|[ ]*$)/g,
dateRegExp = /(^([\w ]+,?[\w ]+)?[\w ]+,?[\w ]+\d+:\d+(:\d+)?[\w ]?|^\d{1,4}[\/\-]\d{1,4}[\/\-]\d{1,4}|^\w+, \w+ \d+, \d{4})/,
numericRegExp = /^0x[0-9a-f]+$/i,
oRegExp = /^0/,
cLoc = 0,
useInsensitive = function(string) {
return ('' + string).toLowerCase().replace(',', '');
},
// convert all to strings strip whitespace
x = useInsensitive(a).replace(stripRegExp, '') || '',
y = useInsensitive(b).replace(stripRegExp, '') || '',
// chunk/tokenize
xChunked = x.replace(chunkRegExp, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
yChunked = y.replace(chunkRegExp, '\0$1\0').replace(/\0$/,'').replace(/^\0/,'').split('\0'),
chunkLength = Math.max(xChunked.length, yChunked.length),
// numeric, hex or date detection
xDate = parseInt(x.match(numericRegExp), 10) || (xChunked.length != 1 && x.match(dateRegExp) && Date.parse(x)),
yDate = parseInt(y.match(numericRegExp), 10) || xDate && y.match(dateRegExp) && Date.parse(y) || null,
xHexValue,
yHexValue,
index
;
// first try and sort Hex codes or Dates
if (yDate) {
if( xDate < yDate ) {
return -1;
}
else if ( xDate > yDate ) {
return 1;
}
}
// natural sorting through split numeric strings and default strings
for(index = 0; index < chunkLength; index++) {
// find floats not starting with '0', string or 0 if not defined (Clint Priest)
xHexValue = !(xChunked[index] || '').match(oRegExp) && parseFloat(xChunked[index]) || xChunked[index] || 0;
yHexValue = !(yChunked[index] || '').match(oRegExp) && parseFloat(yChunked[index]) || yChunked[index] || 0;
// handle numeric vs string comparison - number < string - (Kyle Adams)
if (isNaN(xHexValue) !== isNaN(yHexValue)) {
return ( isNaN(xHexValue) )
? 1
: -1
;
}
// rely on string comparison if different types - i.e. '02' < 2 != '02' < '2'
else if (typeof xHexValue !== typeof yHexValue) {
xHexValue += '';
yHexValue += '';
}
if (xHexValue < yHexValue) {
return -1;
}
if (xHexValue > yHexValue) {
return 1;
}
}
return 0;
}
;
if(rows.length === 0) {
return;
}
self.$table.find('thead th').removeClass(self.settings.asc + ' ' + self.settings.desc);
this.$th = th;
if(this.index != index) {
this.direction[index] = 'desc';
}
else if(direction !== 'asc' && direction !== 'desc') {
this.direction[index] = this.direction[index] === 'desc' ? 'asc' : 'desc';
}
else {
this.direction[index] = direction;
}
this.index = index;
direction = this.direction[index] == 'asc' ? 1 : -1;
self.$table.trigger('tablesort:start', [self]);
self.log("Sorting by " + this.index + ' ' + this.direction[index]);
rows.sort(function(a, b) {
var aRow = $(a);
var bRow = $(b);
var aIndex = aRow.index();
var bIndex = bRow.index();
// Sort value A
if(cache[aIndex]) {
a = cache[aIndex];
}
else {
a = sortValueForCell(th, self.cellToSort(a), self);
cache[aIndex] = a;
}
// Sort Value B
if(cache[bIndex]) {
b = cache[bIndex];
}
else {
b = sortValueForCell(th, self.cellToSort(b), self);
cache[bIndex]= b;
}
return (naturalSort(a, b) * direction);
});
rows.each(function(i, tr) {
fragment.append(tr);
});
table.append(fragment.html());
th.addClass(self.settings[self.direction[index]]);
self.log('Sort finished in ' + ((new Date()).getTime() - start.getTime()) + 'ms');
self.$table.trigger('tablesort:complete', [self]);
},
cellToSort: function(row) {
return $($(row).find('td').get(this.index));
},
log: function(msg) {
if(($.tablesort.DEBUG || this.settings.debug) && console && console.log) {
console.log('[tablesort] ' + msg);
}
},
destroy: function() {
this.$table.find('thead th').unbind('click.tablesort');
this.$table.data('tablesort', null);
return null;
}
};
$.tablesort.DEBUG = false;
$.tablesort.defaults = {
debug: $.tablesort.DEBUG,
asc: 'sorted ascending',
desc: 'sorted descending'
};
$.fn.tablesort = function(settings) {
var table, sortable, previous;
return this.each(function() {
table = $(this);
previous = table.data('tablesort');
if(previous) {
previous.destroy();
}
table.data('tablesort', new $.tablesort(table, settings));
});
};
})(jQuery);
Raw
package.json
{
"name": "semanticui-table-sorter",
"main": "jquery.tablesort.js"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment