> I wish the rows showing one by one. > > E.g: > > row number 1 is showing. > after showed row 1, the row number 2 is showing > after showed row 2, the row number 3 is showing
A script like this should do it: var $trs = $('tr'), count = $trs.length; fadeRows(0); function fadeRows(i) { var tr = $trs[i]; $(tr).fadeIn(500, function() { if (i < count) fadeRows(++i); }); };