In Vue Material Table component there is an explanation for single selection, which in codepen doesn't work https://vuematerial.io/components/table (SCROLL TO SINGLE SELECTION). I want working example of this making sure that the list to be rendered is from API.
Asked
Active
Viewed 1,161 times
1
-
What about it doesn't work? – acdcjunior Mar 06 '18 at 10:42
-
Selected item data should be displayed in below paragraph element – Ujjwala Bollam Mar 07 '18 at 06:15
1 Answers
0
The example on Vue Material - Table / Selection / Single requires vue-material@1.0.0-beta-8
to run.
The pen that opens is using https://unpkg.com/vue-material@beta
as dependency (See at Pen Settings -> JavaScript tab).
Currently https://unpkg.com/vue-material@beta
resolves to https://unpkg.com/vue-material@1.0.0-beta-7/dist/vue-material.min.js
. Shouldn't take long until it starts to point to beta-8
.
Solution:
Nevertheless, until it updates the version, you should add the dependency https://unpkg.com/vue-material@1.0.0-beta-8/dist/vue-material.min.js
yourself:
- Button Settings
- JavaScript tab
- Third URL down below: where it is
https://unpkg.com/vue-material@beta
make ithttps://unpkg.com/vue-material@1.0.0-beta-8/dist/vue-material.min.js
- Profit.
Check an updated pen (where I changed it): https://codepen.io/acdcjunior/pen/yKBvgL

acdcjunior
- 132,397
- 37
- 331
- 304
-
Unfortunately no, because that single selection and the associated events were added in version 1. – acdcjunior Mar 08 '18 at 12:24