diff --git a/packages/data-table-view/src/vpu-data-table-view.js b/packages/data-table-view/src/vpu-data-table-view.js
index 3d5e9cc64bbf4fb39d6ac95317c52d2926beb57d..c42488e03b000ec07a2209d3176812027b7662b6 100644
--- a/packages/data-table-view/src/vpu-data-table-view.js
+++ b/packages/data-table-view/src/vpu-data-table-view.js
@@ -88,7 +88,7 @@ class DataTableView extends LitElement {
 
         this.table = $(this.shadowRoot.querySelector('table')).DataTable({
             destroy: true,
-            autoWidth: false,
+            autoWidth: true,
             language: lang_obj,
             paging: this.paging,
             searching: this.searching,
@@ -116,17 +116,14 @@ class DataTableView extends LitElement {
             ]
         });
 
-        try {
-            new $.fn.dataTable.Responsive(this.table, {
-                details: true
-            });
-        } catch (e) {
-            // XXX: it throws, but it still works
-        }
 
         this.data = data;
 
         this.table.clear().rows.add(this.data).draw();
+
+        new $.fn.dataTable.Responsive(this.table, {
+            details: true
+        });
     }
 
     update(changedProperties) {
@@ -152,9 +149,14 @@ class DataTableView extends LitElement {
                 border-radius: var(--vpu-border-radius);
                 background: transparent;
             }
+
             .export-btn {
                 margin-bottom: .6rem;
             }
+
+            :host {
+                display: block;
+            }
         `;
     }
 
@@ -171,7 +173,7 @@ class DataTableView extends LitElement {
             <style>
                 ${this.cssStyle}
             </style>
-            <div><table></table></div>
+            <div><table width="100%"></table></div>
         `;
     }
 }