js生成的数据表，怎么能设置成20行级以内的显示，其余隐藏

[baozipu_]

如图是html的代码
这个是js的代码，但是不知道怎么能实现20行以内显示，20行以外的默认影藏起来，可以有一个展开按钮，点击后显示所有数据

[wangdan_2013]

可以在隐藏的时候加载20条，然后点击展开的时候，再去加载更多的信息

[Thomas Ho]

20条以后的tr添加一个class,通过class来控制显示隐藏

[澪月]

			for(i=0, len = province.length; i<len; i++){				
				if(i >= 10){
					str += '<tr name="hiddenTr" class="hidden"><td></td> <td></td> </tr>';
				}else{
					str += '<tr><td></td> <td></td></tr>';
				}
			}				
			str += '<button id="show"> 显示</button>';			
			return str;
		}

			$('#show').on('click',function(){
				$('tr[name="hiddenTr"]').removeClass('hidden');
			});