2017-03-17 84 views
1

In this plunk有一个带两个按钮显示/隐藏的桌子。如果您将表格滚动到底线,然后单击隐藏,然后再次单击显示,表格仍将显示底线。我需要任何时候点击显示按钮,表格应该在顶部显示第一行。这是可行的吗?当桌子变得可见时在顶部显示第一排

HMTL

<div style="width:300px;height:80px;border:1px solid gray;overflow-y:auto" 
    ng-show="show"> 
    <table> 
     <tr ng-repeat="item in items"> 
      <td>{{item.col}}</td> 
     </tr> 
    </table> 
</div> 
<br>   
<button ng-click="show=false">Hide</button> 
<button ng-click="show=true">Show</button> 

的Javascript

var app = angular.module('app', []); 

app.controller('ctl', function($scope) { 

    $scope.items = [ {col:"aaa"}, {col:"bbb"} , {col:"ccc"}, 
        {col:"aaa2"}, {col:"bbb2"} , {col:"ccc2"}, 
        {col:"aaa2"}, {col:"bbb2"} , {col:"ccc2"} ]; 
    $scope.show = true; 

}); 

回答

2

如果更改ng-showng-if那么它会重新创建表,而不是改变知名度如此滚动将回到顶部。

Plunker

相关问题