diff --git a/packages/data-table-view/rollup.config.js b/packages/data-table-view/rollup.config.js
index fbae1e0757fe4beb29d3b6fa6b34fefb84edce38..6fd6074fd6e0c90b7cff1778d26f18680b9c9770 100644
--- a/packages/data-table-view/rollup.config.js
+++ b/packages/data-table-view/rollup.config.js
@@ -40,6 +40,14 @@ export default {
             ],
             outputFolder: 'dist'
         }),
+        copy({
+            targets: [
+                'node_modules/datatables.net-dt/css',
+                'node_modules/datatables.net-dt/images'
+            ],
+            outputFolder: 'dist/datatables'
+        }),
+
         (process.env.ROLLUP_WATCH === 'true') ? serve({contentBase: 'dist', host: '127.0.0.1', port: 8003}) : false
     ]
 };
diff --git a/packages/data-table-view/src/data-table-view.js b/packages/data-table-view/src/data-table-view.js
index 17c787f4503e89a3948287e363239a61f66a7b2f..2d9499168b4746d89bb66313e7a6220942ff833b 100644
--- a/packages/data-table-view/src/data-table-view.js
+++ b/packages/data-table-view/src/data-table-view.js
@@ -1,6 +1,6 @@
 import $ from 'jquery';
 import dt from 'datatables.net';
-import {setting, getAPiUrl} from './utils.js';
+import {setting, getAPiUrl, getAssetURL, } from './utils.js';
 import {i18n} from './i18n';
 import {html, LitElement} from 'lit-element';
 import commonUtils from 'vpu-common/utils';
@@ -51,11 +51,12 @@ class DataTableView extends LitElement {
     }
 
     render() {
+        var dt_css = getAssetURL('datatables/css/jquery.dataTables.min.css')
         return html`
+            <link rel="stylesheet" href="${dt_css}">
             <style>
             </style>
-            <table>
-                <tr><th>TODO..</th></tr>
+            <table id="dt" class="display" style="width:100%">
             </table>
         `;
     }