title: Proper bundling of DataTables in ASP.net MVC
body: <p>I've run nuget for datatables and I'm trying to bundle them so that it works in all my views. However, it doesn't seem to be working properly.  the datatable functionality is occuring, but the Datatables formatting is not occuring.  I assume I'm not bundling the CSS properly, but I'm not sure.  Here is my bundle in BundleConfig:</p>
  
  <pre><code>        bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
              "~/Scripts/DataTables/jquery.dataTables.js",
              "~/Scripts/DataTables/jquery.dataTables.min.js",
              "~/Scripts/DataTables/dataTables.bootstrap.js"));
  
          bundles.Add(new StyleBundle("~/Content/datatables").Include(
                    "~/Content/DataTables/css/dataTables.bootstrap.css"));
  </code></pre>
  
  <p>and then _Layout:</p>
  
  <pre><code>    @Scripts.Render("~/bundles/datatables")
      @Styles.Render("~/content/datatables")
  </code></pre>
  
  <p>and here is the view I'm attempting to us it in:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script &gt;
  $(document).ready(function () {
      var table = $('#SchedulesTable').DataTable();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>