Customize tracking tables

<table class="fixedTaskTableHeader" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <!-- put the column headings in order here, for example-->
            <th class="taskName"><%= $.t('history.fixedTaskTableHeader.taskName')%></th>
            <th class="taskInstructions"><%= $.t('history.fixedTaskTableHeader.taskInstructions')%></th>
            <th class="taskRoute"><%= $.t('history.fixedTaskTableHeader.taskRoute')%></th>
            <th class="taskCreateTime"><%= $.t('history.fixedTaskTableHeader.taskCreateTime')%></th>
            <th class="taskCompleteTime"><%= $.t('history.fixedTaskTableHeader.taskCompleteTime')%></th>
        </tr>
    </thead>
</table>

<table class="taskTable" cellpadding="0" cellspacing="0">
    <tbody>
        <%_.each(obj, function(task){%>
        <tr class="taskRow">
            <!-- Put the task attributes in the order of headings, for example -->
            <td class="taskName"><%= task.stepName %></td>
            <td class="taskInstructions"><%= task.instructions %></td>
            <td class="taskRoute"><%= !task.selectedRoute?'':(task.selectedRoute=='null'?'Default':task.selectedRoute) %></td>
            <td class="taskCreateTime"><%= task.createTime?task.formattedCreateTime:'' %></td>
            <td class="taskCompleteTime"><%= task.completeTime? task.formattedCompleteTime:'' %></td>
        </tr>
        <%});%>
    </tbody>
</table>

events: {
    //other handlers
    "click .fixedTaskTableHeader th": "onTaskTableHeaderClick",
    //other handlers
}

onTaskTableHeaderClick: function (event) {
        history.onTaskTableHeaderClick(event);
}

    return {
        //other methods
        onTaskTableHeaderClick  : onTaskTableHeaderClick,
        //other methods
    };

onTaskTableHeaderClick = function (event) {
        var target = $(event.target),
         comparator,
            attribute;
        if(target.hasClass('taskName')){
         attribute = 'stepName';
        } else if(target.hasClass('taskInstructions')){
            attribute = 'instructions'; 
        } else if(target.hasClass('taskRoute')){
            attribute = 'selectedRoute'; 
        } else if(target.hasClass('taskCreateTime')){
            attribute = 'createTime'; 
        } else if(target.hasClass('taskCompleteTime')){
            attribute = 'completeTime'; 
        }
        taskList.comparator = function (task) {
         return task.get(attribute);
        };
        taskList.sort();
        render();
    };