将ng-grid滚动到特定列

时间:2014-12-29 10:57:07

标签: angularjs ng-grid

我的ng-grid列有一天24个时段,如凌晨12:00,凌晨1:00等。 我想将ng-grid滚动到当前时间。 例如,如果当前时间是上午9:24,那么我想将ng-grid滚动到上午9:00列。反正有吗?

1 个答案:

答案 0 :(得分:3)

我做了一个plunker,显示了如何滚动到特定列: http://plnkr.co/edit/I578x1Q9MrPw7P0jFFNM?p=preview

您可以使用网格的未记录的scrollLeft()函数以编程方式滚动到所需的列。根据需要调整列宽(我使用90)。这假设所有定义的列都是可见的。

$scope.scrollToColumn = function(newColumnIndex) {
  var scrollTo = $scope.gridOptions.ngGrid.$viewport.scrollLeft() + (newColumnIndex * 90);
  $scope.gridOptions.ngGrid.$viewport.scrollLeft(scrollTo);
}