diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 4966855..aba7d2d 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -10,6 +10,5 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require dataTables/jquery.dataTables
 //= require_tree .
 
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 978dd11..2e6e7ab 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -10,7 +10,6 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require dataTables/jquery.dataTables
  *= require_tree .
  *= require_self
  */
\ No newline at end of file
diff --git a/app/views/layouts/_js.html.erb b/app/views/layouts/_js.html.erb
index 292fce4..a2a4807 100644
--- a/app/views/layouts/_js.html.erb
+++ b/app/views/layouts/_js.html.erb
@@ -2,7 +2,11 @@
 <!-- Bootstrap CDN -->
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
+
+<link rel="stylesheet" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css">
 <!-- Latest compiled and minified JavaScript -->
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
+
+<script src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
 <style>
 </style>