如何使用angularjs在客户端上自动检测分页符

Question

是否有任何方法可以检测到分页符所在的位置并相应地更改我的数据，而不是通过介质打印，而是在客户端上？

即，我有一个包含许多行的表，如果我添加另一行，则换页符会随着更改而改变。

请参阅缩略语。 https://plnkr.co/edit/mDOGtpDSfmwhCjK15PMO?p=preview

该页面将在第29行中断，如果我在table1或table2上添加一行，则分页符仍应在第29行。

单击打印以查看结果。

目前，我有一个ng-repeat，其中包含以下用于添加行的代码。

$scope.add = function(index, table){
    var array = angular.copy($scope[table]);
    var nextId = array.length + 1 ;
    $scope[table].splice(index, 0,{id:nextId, name:'new line'})
  }

我要完成的工作是在客户端上显示打印输出的准确表示。

因此，如果我可以检测到分页符何时（取决于数据），我可以安排客户端的CSS来代表打印输出。

我希望这是有道理的 关于如何执行操作的任何想法？

澄清：我不是在问如何使用page-break-inside和@media打印，因为这仅反映了打印输出。