jqueryデータテーブルを使用するにはどのようなデータをインポートする必要がありますか？

Question

jqueryデータテーブルhttps://www.datatables.net/を使用しています。 私は//cdn.datatables.net/1.10.11/css/jquery.dataTables.min.cssをインポートする必要がありますか？

私はちょうどhttps://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.jsを輸入しました。それも動作するようです。

以下は、私のWebページのソースコードの一部です。 （このようscending、sorting_asc、reportsTable_info、...など）のCSSクラスから来るのか

<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> 

？ websiteによると

Answer 1

：DataTableの入門

は2つのあなたのWebサイトにあるファイル、CSSスタイリングとDataTableのスクリプト自体を含むと同じくらい簡単です。

DataTableで使用されるすべてのスタイリング機能が必要な場合は、CSSファイルを含める必要があります。

またsays：

CSSファイルは実際にはオプションですが、それはそれは最小限の労力で良い見えるようにあなたのテーブルのデフォルトのスタイルを提供します。

javascriptはCSSクラスを参照しますが、それがない場合は追加のスタイリングは適用されません。

Answer 2

ちょうど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;}