Skip to content

Commit ca1c00c

Browse files
committed
Table shows up in web component mode now, but icons aren't working
1 parent f9a4c26 commit ca1c00c

File tree

8 files changed

+6136
-400
lines changed

8 files changed

+6136
-400
lines changed

table-component/dist/mapping-commons-table.js

Lines changed: 5704 additions & 110 deletions
Large diffs are not rendered by default.

table-component/dist/mapping-commons-table.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

table-component/dist/mapping-commons-table.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

table-component/dist/mapping-commons-table.min.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

table-component/package-lock.json

Lines changed: 406 additions & 271 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

table-component/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"core-js": "^3.6.5",
1515
"jquery": "^3.5.1",
1616
"json-loader": "^0.5.7",
17+
"live-server": "^1.2.1",
1718
"popper.js": "^1.16.1",
1819
"vue": "^2.6.11",
1920
"vue-axios": "^3.2.4",

table-component/src/App.vue

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,36 @@
11
<template>
22
<div id="app">
3-
<div id="table-container">
4-
<b-table :items="mappings"
5-
:fields="fields"
6-
responsive
7-
> </b-table>
8-
</div>
3+
<b-container>
4+
<div id="table-container">
5+
<b-table :items="mappings"
6+
:fields="fields"
7+
responsive
8+
> </b-table>
9+
</div>
10+
</b-container>
911
</div>
1012
</template>
1113

1214
<script>
1315
import axios from 'axios'
1416
import YAML from 'yamljs'
17+
// import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
18+
19+
import { BTable } from 'bootstrap-vue'
20+
21+
// Import Bootstrap an BootstrapVue CSS files (order is important)
22+
import 'bootstrap/dist/css/bootstrap.css'
23+
import 'bootstrap-vue/dist/bootstrap-vue.css'
24+
25+
// Make BootstrapVue available throughout your project
26+
// Vue.use(BootstrapVue)
27+
// Optionally install the BootstrapVue icon components plugin
28+
// Vue.use(IconsPlugin)
1529
1630
export default {
1731
name: 'App',
1832
components: {
33+
BTable
1934
},
2035
data () {
2136
return {

table-component/src/main.js

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,7 @@ import App from './App.vue'
33
import axios from 'axios'
44
import VueAxios from 'vue-axios'
55

6-
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
7-
8-
// Import Bootstrap an BootstrapVue CSS files (order is important)
9-
import 'bootstrap/dist/css/bootstrap.css'
10-
import 'bootstrap-vue/dist/bootstrap-vue.css'
11-
12-
// Make BootstrapVue available throughout your project
13-
Vue.use(BootstrapVue)
14-
// Optionally install the BootstrapVue icon components plugin
15-
Vue.use(IconsPlugin)
6+
// import { BootstrapVue, IconsPlugin } from 'bootstrap-vue/dist/bootstrap-vue.esm'
167

178
Vue.use(VueAxios, axios)
189

0 commit comments

Comments
 (0)