Weid Pagination布局和数据表和引导程序集成中的双图标

Question

当我将Datatables与Bootstrap

集成时，我正在尝试解决一些形状问题

需要考虑：我不使用任何CDN。所有外部文件都手动导入我的项目中。

问题1：双重图标

我在DataTable排序区域看到了JQuery和Bootstrap图标。我可以解决这个问题，从我的项目中删除以下图像：

• sort_asc.png
• sort_both.png
• sort_desc.png
• ...

但是，如果我这样做，这将在开发者控制台中触发错误，告知这些文件丢失。我想只有引导程序。

问题2：分页

分页图标不是彼此相邻我希望有类似下图所示的内容：

问题3：对齐

标题标签与行标签不对齐。行有点在左边。为什么呢？

我已经创建了这个jsfiddle供你考虑

https://jsfiddle.net/d6rw4xyx/

这就是我初始化DT的方式

jQuery(document).ready(function() {
    jQuery('#table').DataTable( {
        renderer: "bootstrap"
    } );
});

由于

Answer 1

尝试从外部库中删除jquery.dataTables.min.css。看来这个lib会覆盖bootstrap类。请参阅示例here