Table Sorting not working in IE but works fine in Firefox
Hi Friends
I have following table in my table in my page.
<div class="tableContainer">
<table cellspacing="3" id="tagSearchTable">
<thead>
<tr>
<th class="header" width="25%">Publisher </th>
<th class="header" width="25%">Parent Channel</th>
<th class="header" width="25%">Tag Name</th>
<th class="header" width="12%">Tag Id</th>
<th width="08%">Status</th>
<th width="05%">Select</th>
</tr>
</thead>
<tbody>
<logic:iterate id="lineItem" name="MyForm" property="lineItems"
indexId="idX">
// code to create the rows of the elements.
</logic:iterate>
</tbody>
</table>
</div>
And in JavaScript, this is the code i have written:
JQ(document).ready(function(){
JQ("#tagSearchTable").tableSorter( {
disableHeader:[4, 5], //disable sort
facility based on 3rd,4th, and 5th columns
sortColumn: 'Number', // Integer or String of the name of
the column to sort by.
sortClassAsc: 'headerSortUp', // Class name for ascending
sorting action to header
sortClassDesc: 'headerSortDown', // Class name for descending
sorting action to header
stripingRowClass: ['even','odd'],
highlightClass: 'highlight', // class name for sort
column highlighting.
isFristColumnStatic: false, // setting the first column
static
headerClass: 'header' // Class name for headers (th's)
});
})
This is working pretty fine in the firefox, but not working in IE 7. I
tried to find out the course and I found that
if i write a alert statement in the ready(function) like this:
JQ(document).ready(function(){
alert("Table id is "+document.getElementById("tagSearchTable").id)
JQ("#tagSearchTable").tableSorter( {
-------
});
})
In Firefox, I am getting the Id of table but it is giving error in IE
7.
Can somebody point out the possible solution for it.
Thanks for looking to this problem...
Regards
Ashish Kumar Mishra