Why table rows are not ordered ?

meflex

Hi All,

In following html, when page is first served three rows are visible (Nokia, Sony, Tata ). But in html code (below) the order is (Nokia, Tata, Sony.). Same is the case when dynamic rows are added by clicking Click1, Click2, Click3.
Can someone explain me this behavior please ?

Thanks
Arya

[code]






function fnFeaturesInit ()
{
/* Not particularly modular this - but does nicely :-) */
$('ul.limit_length>li').each( function(i) {
if ( i > 9 ) {
this.style.display = 'none';
}
} );

$('ul.limit_length').append( 'Show more<\/li>' );
$('ul.limit_length li.css_link').click( function () {
$('ul.limit_length li').each( function(i) {
if ( i > 5 ) {
this.style.display = 'list-item';
}
} );
$('ul.limit_length li.css_link').css( 'display', 'none' );
} );
}

$(document).ready( function() {
fnFeaturesInit();
$('#example1').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aoColumns": [
null,
null,
null,
{"sSortDataType": "jcurrency"},
{"sSortDataType": "jcurrency"}
]
} );
} );




Click1
Click2
Click3




Name
RO No
Starts
Ends
Consumed




Nokia
N89736
01/12/2010
12/02/2011
$300




this follows after Nokia










Tata
N89736
01/12/2010
12/02/2011
$2000




this follows after tata










Sony
N89736
01/12/2010
12/02/2011
$2000




this follows after sony














[/code]