Datatables 由于类名错误，分页按钮未设置样式

我将metronic框架与datatables一起使用，尽管我不知道这是否与metronic相关

除了分页按钮外，其他都很好，它们显示为文本，没有样式

Chrome显示以下样式：

因此js生成了一个无序列表

在我的代码中，与官方的datatables示例相比，如何可能生成完全不同的DOM元素

---

这可能与我使用metronic有关吗？我觉得这是难以置信的。

回答我自己的问题：我使用以下Web包导入所有资产：

require('datatables.net');
require('datatables.net-bs/css/dataTables.bootstrap.css');

但是datatables和其他“样式化”包在css之上包含js，因此需要单独设置require（）。即使在npm页面上提到了它，我也只是在遇到这个问题后才明白这个句子的意思

require('datatables.net');
require('datatables.net-bs');
require('datatables.net-bs/css/dataTables.bootstrap.css');

---

datatables npm页面还应该提到，当与webpack一起使用它时，您不需要执行

var dt=require（'datatables.net'）（）但是只要一个简单的
require（'datatables.net'）
就可以了
 我通过添加Css的简单方式完成了这项工作


.dataTables\u分页{
填充：6px 9px！重要；
背景：#54c5e6！重要；
边框颜色：#2196F3！重要；
}
这里看起来不错->很难说没有一个例子，没有精确的代码来再现行为，而不仅仅是你自己计算机的输出。结果是，如果你忘记包含样式js，就会发生这种情况，它使用核心库中的默认函数。很好，你让它工作了！我曾经也很困惑，直到我意识到我也需要包含
*-dt
包（通过bower）像
datatables.net按钮
和
datatables.net按钮dt
。我在
datatables.net bs/css/datatables.bootstrap.css中只看到了3条关于分页的规则，但这都没有帮助。我的问题的答案是，特定于引导的js部分也需要运行，因此制定了ul>li结构的分页器而不是span>a