diff --git a/_posts/atoms/2018-08-30-table.html b/_posts/atoms/2018-08-30-table.html
index 2093621..4e06bd7 100644
--- a/_posts/atoms/2018-08-30-table.html
+++ b/_posts/atoms/2018-08-30-table.html
@@ -34,27 +34,26 @@
 
 %h5 Table with DataTable
 
-%table.responsive.table.table-striped.table-bordered#my-datatable
-  %thead
-    %tr
-      %th Fruits
-      %th Origin
-      %th Vendor
-  %tbody
-    %tr
-      %td Oranges
-      %td Bananas
-      %td Kiwis
-    %tr
-      %td Spain
-      %td Brazil
-      %td Germany
-    %tr
-      %td Fruits Are Us
-      %td Fruits & Vegetables Inc.
-      %td SUSE Fruit Company Ltd.
+.obs-dataTable
+  %table.table.table-striped.table-bordered#my-datatable
+    %thead
+      %tr
+        %th Fruits
+        %th Origin
+        %th Vendor
+    %tbody
+      %tr
+        %td Oranges
+        %td Bananas
+        %td Kiwis
+      %tr
+        %td Spain
+        %td Brazil
+        %td Germany
+      %tr
+        %td Fruits Are Us
+        %td Fruits & Vegetables Inc.
+        %td SUSE Fruit Company Ltd.
 
-:javascript
-  $('#my-datatable').DataTable({
-    responsive: true
-  });
+= content_for :ready_function do
+  initializeDataTable('#my-datatable');