datatable标题排序图标位置

Question

我一直在试图添加数据表。图标定位不正确。 下面我有脚本

增加，这是它的外观

<link href="~/Content/jquery.dataTables.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery.dataTables.min.js"></script> 
<link href="~/Content/dataTables.bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/jquery.dataTables_themeroller.css" rel="stylesheet" /> 

Answer 1

它只需要低于CSS。

<link href="~/Content/jquery.dataTables.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery.dataTables.min.js"></script> 
<link href="~/Content/jquery.dataTables_themeroller.css" rel="stylesheet" /> 

Answer 2

您包括默认的风格，引导和jQuery UI三个不同的CSS文件。你应该选择一个你会使用的，并删除其他人。

从manual：

对于CSS应该只包括一个单一的文件作为造型库将提供该表的核心样式选项。 CSS文件格式为dataTables.{style}.css（例如，用于Bootstrap的dataTables.bootstrap.css）。