数据表标题排序图标位置

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

您可以为默认样式Bootstrap和jQuery UI包含三个不同的CSS文件。你应该选择你将使用的那个并删除其他的。

来自manual：

  

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

Answer 2

它只需要低于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" />