数据表不适用于实时更新数据

Posted 2023-05-09

【中文标题】数据表不适用于实时更新数据

【英文标题】：Datatables not working for realtime update of data

【发布时间】：2019-07-02 07:28:43

【问题描述】：

我尝试使用 datatables 插件，它对我的​​表运行顺利。我有一个问题：当我尝试刷新我的函数以使用$interval 每秒从数据库中获取值时，它会破坏整个表，我无法使用搜索和分页，因为整个表都会刷新，

我尝试过但没有用的方法：

statesave();
destroy();

这是我使用数据表实时更新数据的代码：

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope','$interval', function($scope,$interval) 
  $interval(function () 
    $scope.register = 
      regData: 
        branch: ,
      ,
      names: [
        name:"narquois",name:"vorpal",name:"keen",
        name:"argol",name:"long",name:"propolis",
        name:"bees",name:"film",name:"dipsetic",
        name:"thirsty",name:"opacity",name:"simplex",
        name:"jurel",name:"coastal ",name:"fish",
        name:"kraken",name:"woman",name:"limp",
      ],
    ;
    , 1000);
  ]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script type="text/javascript">
$(function() 
    $('#example').DataTable(
        pageLength: 10,
    
    );
)
</script>
  

<div ng-app="selectExample" ng-controller="ExampleController">
<table id="example" >
    <thead>
        <tr align="center">
            <th>Name</th>
        </tr>
    </thead>			
	<tbody>
		<tr ng-repeat="person in register.names">
            <td align="center"> person.name </td>
        </tr>
	</tbody>
</table> 
</div>

【问题讨论】：

使用setInterval (datatables.ajax.reload, 1000);datatables.net/forums/discussion/49038/…

@Jeremy 你应该为这个数据表选择一个角度包装器，如果它以角度方式实现，它将为你节省大量时间和精力！

@NarenMurali 你能给我一些好的角度数据表吗？

@JeremyAdriandeVera 我用这个！ here

如果你相信我，我不会使用那个函数，它会为一张桌子消耗很多内存。有很多实时表的API，使用它们。

【参考方案1】：

如果你相信我的话，我不会使用那个函数，它会为一张桌子消耗大量内存。有很多实时表的API，用吧。

【讨论】：

有推荐的api吗？

在此处阅读文档：datatables.net/extensions/colreorder/examples/initialisation/…