Javascript 我应该导入什么来使用jquery datatable?

Javascript 我应该导入什么来使用jquery datatable?,javascript,jquery,html,css,datatables,Javascript,Jquery,Html,Css,Datatables,我正在使用jquerydatatable。 我只是想知道是否必须导入//cdn.datatables.net/1.10.11/css/jquery.datatables.min.css 我刚进口。它似乎也能起作用 下面是我在firefox上的网页的一段源代码 <table id="reportsTable" class="table dataTable no-footer" role="grid" aria-describedby="reportsTable_info"> <

我正在使用jquerydatatable。 我只是想知道是否必须导入//cdn.datatables.net/1.10.11/css/jquery.datatables.min.css

我刚进口。它似乎也能起作用

下面是我在firefox上的网页的一段源代码

<table id="reportsTable" class="table dataTable no-footer" role="grid" aria-describedby="reportsTable_info">
  <thead>
    <tr role="row">
      <th class="col-md-5 sorting_asc" tabindex="0" aria-controls="reportsTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Report Name: activate to sort column descending" style="width: 655px;">Report Name</th>
      <th class="col-md-2 sorting" tabindex="0" aria-controls="reportsTable" rowspan="1" colspan="1" aria-label="Created Date: activate to sort column ascending" style="width: 240px;">Created Date</th>
      <th class="col-md-2 sorting" tabindex="0" aria-controls="reportsTable" rowspan="1" colspan="1" aria-label="Last Modified Date: activate to sort column ascending" style="width: 240px;">Last Modified Date</th>
      <th class="col-md-2 thead-schedule sorting_disabled" rowspan="1" colspan="1" aria-label="Scheduling" style="width: 240px;">Scheduling</th>
      <th class="col-md-1 sorting_disabled" rowspan="1" colspan="1" aria-label="" style="width: 101px;"></th>
    </tr>
  </thead>
  <tbody id="reportTableBody">
    <tr class="report-entry odd" role="row">
      <td class="sorting_1"><a href="reports/135">dddd123678</a></td>
      <td>
        <time>4/13/2016, 14:41</time>
      </td>
      <td>
        <time>4/14/2016, 14:02</time>
      </td>
    </tr>
  </tbody>
</table>

报告名称
创建日期
上次修改日期
行程安排
4/13/2016, 14:41
4/14/2016, 14:02
css类(如scending、sorting\u asc、reportsTable\u info等)从何而来?

根据:

开始使用DataTables非常简单,只要在网站中包含两个文件,即CSS样式和DataTables脚本本身

如果您想要DataTables使用的所有样式功能,您应该包括CSS文件

它还:

CSS文件实际上是可选的,但它为您的表提供了默认样式,以使其看起来更美观


javascript将引用CSS类,但如果您没有这些类,它将不会应用额外的样式。

只是为了添加到Nived。通常,在添加jquery库时,.js文件通常会引用css中的类标记。这意味着您应该使用包含的.css文件。好的方面是,如果您想在加载初始文件后设置样式,只需在加载初始文件后包含任何css定义

例如:

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">

.td{font-size: 12px;}

.td{字体大小:12px;}

如果只导入js,它可以提供默认样式?如果您使用开发人员工具检查这些类,您可以看到如果您没有CSS,它们可能不会做任何事情,它只使用基本CSS样式,而不是CSS文件将使用的任何样式。我只导入了js文件,但是输出html包含css文件中定义的css标记。也许少了什么。我很困惑。你可以将任何你想要的东西放入HTML css类中,即使它不存在,也不会应用任何样式,因为该类在css类定义中没有绑定样式。我只导入了js文件,但输出HTML包含css文件中定义的css标记。例如,排序_asc。我还发现一些css文件中没有定义的css标记,例如排序被禁用。也许少了什么。这就是我感到困惑的原因。我只导入了js文件,但输出的html包含css文件中定义的css标记。例如,排序_asc。我还发现一些css文件中没有定义的css标记,例如排序被禁用。也许少了什么。我很困惑。@BAE,按照答案,使用html的
标题中的
link
标记导入CSS文件。不清楚你在说什么。输出html包含css文件中定义的css标记。你能分享输出代码吗?@Aziz我的问题是:为什么在输出html文件中生成一些css标记,而只导入js文件并调用(“#示例”).DataTable()。