jbaysolutions / vue-bootstrap-table Goto Github PK

I'm very like you doing. I would like to see ajax supported.

Hi write code,
I have test ajax load data but can't show,
it just show loading...
<div class="spinner"></div>

it show error
[Vue warn]: Error in callback for watcher "rawValues": "TypeError: Cannot read property 'filter' of undefined"
TypeError: Cannot read property 'filter' of undefined

I have edit file 01-basic.js
ajax: -> enabled: true, -> update link
Ajax load data of my is for same demo, but it not working

[ { "id": 1, "name": "John", "country": "UK", "age": 25, }, { "id": 2, "name": "Mary", "country": "France", "age": 30, }, { "id": 3, "name": "Ana", "country": "Portugal", "age": 20, } ]

Hi,

Does this support Vue 2.* ??

In case we use renderfunction method to customize column output the library uses v-html directive (as per source code) to display the result. Therefore, injecting malicious code, store it on the server and then renders causes script execution.

I can suggest to use {{ }} for rendering instead of v-html directive.

Hello, i have a problem.
I tried to render a button in a column like this.
renderfunction: function (colname, entry) { return '<a href="#" class="btn btn-danger" v-on:click.once="destroy('+entry.deleted+')">'+ '<i class="fa fa-trash"></i>'+ '</a>'; }
entry.deleted is a integer got from the server after a request made by Axios
The problem is that button click not works, it doesn't call the destroy method. I think it is not "compiled" and that means it will not be handled by Vue.
How to render custom elements(like buttons) with Vue template syntax?

I'm using Vue 2

Update demo html with pagination from #4

请问下是否支持Vue2.*

Hi, just came around and noticed your component. I'd like to suggest the implementation of multi column sort functionality. A feature which I often miss in table components.

ajax have parameter and how to call reload ajax?

If I have an Object :

{
    id: 123, 
    name: "abc", 
    properties: {
        color:"green" ,
        email: "[email protected]"
    }
}

I want to create a table with id, name and color only and not show email like this:

How can I do this?

I want to use this plugin in nuxt framework. I am using vue2.
What i am trying is -
I created a plugin file - table.js and added this code there.

import Vue from 'vue';

export default ({ app, store, req }) => {
	components: {
        VueBootstrapTable: VueBootstrapTable
    }
}

and then added in nuxt.config.js

plugins: [
           { src: '~/plugins/i18n.js'},
           { src: '~/plugins/table.js'},
.....

But i am getting this error - "VueBootstrapTable is not defined"

I think i am not intirating correctlyt. It will be great if you add the steps in your read me file.

How to set sorting on initialisation?

I would expect some setting like this:

new Vue({
   el: '#table',
   components: {
       VueBootstrapTable: VueBootstrapTable
   },
   data: {
       columns: ... ,
       values: ... ,
       sorting: ... ,
   });