tea/Resources/Public/JavaScript/Main.js

var TYPO3 = TYPO3 || {};
TYPO3.tea = {};

TYPO3.tea.makeSortable = function (table) {
    var th = table.tHead,
        i;
    th && (th = th.rows[0]) && (th = th.cells);
    if (th) i = th.length;
    else return;
    while (--i >= 0)
        (function (i) {
            var dir = 1;
            th[i].addEventListener("click", function () {
                TYPO3.tea.sortTable(table, i, (dir = 1 - dir));
            });
        })(i);
};

TYPO3.tea.sortTable = function (table, col, reverse) {
    var tb = table.tBodies[0],
        tr = Array.prototype.slice.call(tb.rows, 0),
        i;
    reverse = -(+reverse || -1);
    tr = tr.sort(function (a, b) {
        return (
            reverse *
            a.cells[col].textContent
                .trim()
                .localeCompare(b.cells[col].textContent.trim())
        );
    });
    for (i = 0; i < tr.length; ++i) tb.appendChild(tr[i]);
};

document.addEventListener("DOMContentLoaded", function () {
    var t = document.querySelectorAll(".tx-tea table"),
        i = t.length;
    while (--i >= 0) {
        TYPO3.tea.makeSortable(t[i]);
    }
});