移动bos开发--单据摘要分录设置默认显示3行数据

问题：使用单据摘要，分录默认显示所有行，查看报表详情的按钮在最下面，如下图， 当分录很多时就会操作不便，

应该默认控制显示几行， 查查看报表详情时再展示所有行

方法如下：

1、使用css样式隐藏多余的行

代码：

#right-div2 #right-table2 tr:not(:nth-child(-n+3)){
    display: none;
}
#left-div1 #left-table2 tr:not(:nth-child(-n+3)){
    display: none;
}

2、点击查看报表详情按钮时显示所有行，点击主页图标隐藏多余的行

代码：

 $(".wtfooter").on("click",function(){
        $("#right-div2 #right-table2 tr").show();
        $("#left-div1 #left-table2 tr").show();
  });
  $(".ball").on("click",function(){
        $("#right-div2 #right-table2 tr:not(:nth-child(-n+3))").hide();
        $("#left-div1 #left-table2 tr:not(:nth-child(-n+3))").hide();
  });

效果：