vue template in makeDetailRow about vue-table HOT 5 CLOSED

Please explain what you have tried so far, it will help finding a solution for your issue.

from vue-table.

This is probably not possible, vue-table use v-html directive for created tr element and this is plain html. For example:

makeDetailRow: function(data) {
            return '<button class="btn btn-success" @click="console.log(\'Hi\')">Nový</button>';
 },

from vue-table.

In any case console.log wouldn't work since everything inside quotes is prefixed with $scope after interpolation.

from vue-table.

@malaschitz It is not possible. DetailRow feature only works with plain html for showing additional information that may not fit into a single row. It will never be parsed by Vue.js,

In your case, putting @click=".." there, will never work.

I would suggest you use item-actions prop to display a modal that you can put a form in it instead
so you could implement the form as Vue.js component.

Sorry I didn't have time to put more info on Detail row feature in the wiki page as I'm a bit occupied now, but will do that as soon as some works on other projects are done.

from vue-table.

@malaschitz In vuetable 1.5.0, you can now use a component for detail row.

from vue-table.