Reference a column by id or class name

[Mottie]

In the future, I was planning on making tablesorter work better with adding and removing columns dynamically. In order to do this, columns should instead be referenced by an id or class name. Here are some examples:

<table class="tablesorter-blue">
    <thead>
        <tr>
            <th class="col-acct">Account #</th>
            <th class="col-last">Last</th>
            <th class="col-first">First</th>
            <th class="col-date" id="date">Date</th>
        </tr>
    </thead>
    ...
</table>

Then when referencing a column, do it as follows:

// sort option
sortList : [[ ".col-last", "asc" ]]

// headers option
headers : {
    ".col-acct" : { sorter: "digit" },
    "#date"     : { sorter: "shortDate", dateFormat: "ddmmyyyy" }
}

// text extraction
textExtraction: {
    ".col-acct" : function(node, table, cellIndex) {
        return $(node).find("span:last").text();
    }
}

// filter functions
widgetOptions: {
    filter_functions : {
        ".col-date" : {
            "< 2004": function (e, n, f, i) {
                return n < Date.UTC(2004, 0, 1); // < Jan 1 2004
            },
            ...
        }
    }
}

Idea from answering this question on stackoverflow.

[TheSin-]

awesome idea! This is why you are da man!