Comments by miligupta123 (Top 4 by date)

<style type="text/css">

.hiddencol
{
display: none;

}
th
{
cursor:pointer;
background-color:#dadada;
color:Black;
font-weight:bold;
text-align :left;
text-decoration:underline;

}
th.headerSortUp
{
background-image: url(images/asc.gif);

background-position: right center;
background-repeat:no-repeat;
}
th.headerSortDown
{
background-image: url(images/desc.gif);
background-position: right center;
background-repeat:no-repeat;

}


</style>


<script src="js/jquery4.js" type="text/javascript"></script>
<link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">

function pageLoad(sender, args)
{
$(document.getElementById('<%=grdQueryinfo.ClientID %>')).tablesorter();
}

</script>

now my grid code goes here
grid having template columns.

this is my code after binding grid.
grdQueryinfo.UseAccessibleHeader = true;
grdQueryinfo.HeaderRow.TableSection = TableRowSection.TableHeader;