我正在为我的 ASP.NET MVC 程序使用 DataTables 插件。 table 显示时没有任何 CSS。为什么?
I'm using a DataTables plugin for my ASP.NET MVC program. The table displays without any CSS. Why?
我已经被这个问题困扰了 DAYS 天,这是不得已的办法。
我正在学习一门课程,其中讲师让我们使用 DataTables 从数据库中提取用户列表。该插件正确地从我的数据库中提取数据,并且 table 的功能似乎正在运行。问题是 table 太可怕了,几乎无法使用。
我很茫然,因为我已经确保我的代码模仿了视频课程中的所有内容。我什至在 GitHub.
中分析了他旁边的代码
我什至确保将他的版本号用于插件,因为我相信该课程是在 2016-2017 年录制的。我已经考虑过我使用的是 Visual Stdio 2019,而他不是。另外,我记得就在几年前,有一次大型 bootstrap 更新。 (DataTables 使用 bootstrap)
我将在下面展示一些代码,但这里是这个项目的两个回购协议(Vidly):
My Repo |
Instructor's Repo
因为这显然是一个 CSS 问题,我查看了我是如何导入我的 css 文件的。我在 App_start 文件夹中的 BundleConfig 文件中使用了一个包:
但是和导师写的一模一样,一模一样
最后,这是与第一张图片相关的代码,即有问题 table 的页面:
我迷路了
编辑:
昨晚我弄乱了 BundleConfig 文件中包含的文件,并将数据表切换为 bootstrap 4 并得到了更理想的结果:
如您所见,这肯定布局更好,并且具有所需的尺寸,但悬停行和某些文本的颜色仍然不正确且没有吸引力。
如果您的 Bootstrap 版本是 4,那么您需要加载数据表的 *.bootstrap4.css
/ *.bootstrap4.js
文件(而不是 *.bootstrap.*
用于 Bootstrap 3).
编辑更新
看起来您可能也在加载 jquery.dataTables.css 文件(说明分页中的空白)?你可以删除它。只应加载其中一个样式文件。
顺便说一句,您学习的教程是什么?
我已经被这个问题困扰了 DAYS 天,这是不得已的办法。
我正在学习一门课程,其中讲师让我们使用 DataTables 从数据库中提取用户列表。该插件正确地从我的数据库中提取数据,并且 table 的功能似乎正在运行。问题是 table 太可怕了,几乎无法使用。
我很茫然,因为我已经确保我的代码模仿了视频课程中的所有内容。我什至在 GitHub.
中分析了他旁边的代码我什至确保将他的版本号用于插件,因为我相信该课程是在 2016-2017 年录制的。我已经考虑过我使用的是 Visual Stdio 2019,而他不是。另外,我记得就在几年前,有一次大型 bootstrap 更新。 (DataTables 使用 bootstrap)
我将在下面展示一些代码,但这里是这个项目的两个回购协议(Vidly): My Repo | Instructor's Repo
因为这显然是一个 CSS 问题,我查看了我是如何导入我的 css 文件的。我在 App_start 文件夹中的 BundleConfig 文件中使用了一个包:
但是和导师写的一模一样,一模一样
最后,这是与第一张图片相关的代码,即有问题 table 的页面:
我迷路了
编辑: 昨晚我弄乱了 BundleConfig 文件中包含的文件,并将数据表切换为 bootstrap 4 并得到了更理想的结果:
如您所见,这肯定布局更好,并且具有所需的尺寸,但悬停行和某些文本的颜色仍然不正确且没有吸引力。
如果您的 Bootstrap 版本是 4,那么您需要加载数据表的 *.bootstrap4.css
/ *.bootstrap4.js
文件(而不是 *.bootstrap.*
用于 Bootstrap 3).
编辑更新
看起来您可能也在加载 jquery.dataTables.css 文件(说明分页中的空白)?你可以删除它。只应加载其中一个样式文件。
顺便说一句,您学习的教程是什么?