I'm trying to use VueTable-2 by sending the information via% pro_de%. I looked at a number of websites, tested it, and it did not work, I even found this example in the format I need, but it also does not work. The most basic code would be the code below, does anyone know why this does not work? Or the right way.
I put it to display on the screen the test object that the table should render.
Note: With the type of
data
equal toapi-mode
it works perfectly, what I need, is that it works with api-mode equal totrue
.
Vue.use(Vuetable);
new Vue({
el: '#app',
data: {
tableColumns: ['id', 'name'],
itens: [
{ id: 1, name: "Jogos Vorazes" },
{ id: 2, name: "Todo mundo em Pânico" }
],
}
})
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.16.2/axios.min.js"></script><scriptsrc="https://unpkg.com/[email protected]"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><divid="app" class="container">
<h1 class="text-center">Vuejs com VueTable-2</h1>
<hr>
<vuetable ref="vuetable"
:api-mode="false"
:fields="tableColumns"
:data="itens">
</vuetable>
<pre>{{ itens }}</pre>
</div>
Edited:
The VueTable-2 project in version 1.6.3 was marked as containing a bug. The opening link in Git's issue . Waiting for the correction to close the topic.
Edited (corrected):
The bug has been fixed in version v1.6.5.
Note, for anyone using version 1.6.3 will be with this bug