diff --git a/packages/data-table-view/package.json b/packages/data-table-view/package.json index aae67f59a0d4fecac0130872b9a75a77b30e3ced..4e683780959264f6ddd06bce76ecd9a7d2675c88 100644 --- a/packages/data-table-view/package.json +++ b/packages/data-table-view/package.json @@ -29,6 +29,7 @@ "vpu-common": "file:./vendor/common" }, "dependencies": { + "bulma": "^0.7.5", "@webcomponents/webcomponentsjs": "^2.2.10", "datatables.net-dt": "^1.10.19", "datatables.net-responsive": "^2.2.3", diff --git a/packages/data-table-view/src/data-table-view.js b/packages/data-table-view/src/data-table-view.js index 3a135f5bfa1a1330cff48ac32d43e0c7884c56ac..0ed3d4a4a6d646600820708fb840463822419ddd 100644 --- a/packages/data-table-view/src/data-table-view.js +++ b/packages/data-table-view/src/data-table-view.js @@ -9,6 +9,8 @@ import en from '../assets/datatables/i18n/English'; import * as commonUtils from 'vpu-common/utils'; import {getAssetURL} from "./utils"; +import * as utils from "./utils"; +import bulmaCSSPath from "bulma/css/bulma.min.css"; dt(window, $); resp(window, $); @@ -96,9 +98,12 @@ class DataTableView extends LitElement { } render() { + const bulmaCSS = utils.getAssetURL(bulmaCSSPath); let dt_css = getAssetURL('local/vpu-data-table-view/css/jquery.dataTables.min.css'); let rs_css = getAssetURL('local/vpu-data-table-view/css/responsive.dataTables.css'); + return html` + <link rel="stylesheet" href="${bulmaCSS}"> <link rel="stylesheet" href="${dt_css}"> <link rel="stylesheet" href="${rs_css}"> <style>