是否可以在中显示HTML源数据的旋转/加载-msg？

Question

我们的服务器正在用HTML1000行数据呈现一个<table>元素。然后客户端JS从这个DataTable初始化HTML数据。然而，在客户端上，DataTable被完全初始化并显示分页大约需要3-5秒。在此期间，完整的1000行在DOM中呈现和可见。我在DataTable文档中没有找到它，但是是否有一种方法来显示“处理”消息，或者在处理dom HTML时使用spinner而datatable？

ajax或服务器端处理源都可以使用这样的选项，但是没有找到HTML数据源。

Answer 1

您可以在datatable配置中添加以下选项。

"processing": true &   oLanguage: {sProcessing: "<div id='loader'></div>"}

假设我们认为您的表id是“示例”。

JS代码：

$('#example').DataTable( {

         "processing": true,
        responsive: true,
        oLanguage: {sProcessing: "<div id='loader'></div>"}
});

用于加载程序的CSS：

 #loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-left:200px;
  margin-top:30px;
}   

注意:您已经根据datatable调整了css。

对于工作示例，请访问以下链接：

http://jsfiddle.net/dipakthoke07/ebRXw/3302/