sorry but if i post table sorter in any function the css will not work if css will not work sorting can't be done please check the code
<script src="Jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="Jquery/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type = "text/javascript">
var jQuery_1_3_2 = jQuery.noConflict(true);
jQuery_1_3_2(function ($) {
jQuery_1_3_2(document).ready(function () {
jQuery_1_3_2("#<%=GridView1.ClientID%>").tablesorter();
SetDefaultSortOrder();
});
function Sort(cell, sortOrder) {
var sorting = [[cell.cellIndex, sortOrder]];
jQuery_1_3_2("#<%=GridView1.ClientID%>").trigger('update');
jQuery_1_3_2("#<%=GridView1.ClientID%>").trigger("sorton", [sorting]); //("sorton", [config.sortList]);
jQuery_1_3_2("#<%=GridView1.ClientID%>").trigger("sorton", [$("#<%=GridView1.ClientID%>")[0].config.sortList]);
//jQuery_1_3_2("#<%=GridView1.ClientID%>").trigger("sorton", [[$("#ContentPlaceHolder1_GridView1")[0].sortList]]);
setTimeout(function () { $("#<%=GridView1.ClientID%>").trigger('sorton', [sorting]) }, 10);
if (sortOrder == 0) {
sortOrder = 1;
cell.className = "sortDesc";
}
else {
sortOrder = 0;
cell.className = "sortAsc";
}
cell.setAttribute("onclick", "Sort(this, " + sortOrder + ")");
cell.onclick = function (e) {
var senderElement = e.target;
Sort(this, sortOrder);
};
document.getElementById("dvGrid").scrollTop = 0;
}
function SetDefaultSortOrder() {
var gvHeader = document.getElementById("dummyHeader");
var headers = gvHeader.getElementsByTagName("TH");
for (var i = 0; i < headers.length; i++) {
headers[i].setAttribute("onclick", "Sort(this, 1)");
headers[i].onclick = function () { Sort(this, 1); };
headers[i].className = "sortDesc";
}
}
$(document).ready(function () {
$("#dummyHeader th input").click(function (event) {
event.stopPropagation();
});
});
} (jQuery_1_3_2));
</script>
