datatables.js存在问题 - 当页面加载时,带有分页的css会稍微延迟,因此整个数据在显示带分页的css之前会非常快速地显示出来.
同样的问题显示在这个小提琴上,当重新加载页面时,你可以看到它闪烁,首先显示没有分页的表,然后是分页(但这个小提琴上的效果非常快,特别是在chrome上;在Firefox上它更慢,更明显(对我来说),但在我的应用程序中它是非常明显和糟糕的看.
数据表的例子
我试图订购样式和脚本,也尝试将内容放入页脚(目前它都在标题中),但似乎并不重要.我还发现了另一个数据表小提琴,它在页面加载时显示相同的内容:( 其他一些数据表示例).这是一个错误吗?
以下是涉及的脚本和样式:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.15/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="{{ base_url }}application/assets/js/datatablejs.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)