<b-table class="col-sm-12 table-sm" show-empty striped hover stacked="md" tbody-tr-class="addPointer"
                :items="filter"
                :fields="fields"
                @filter="onFilter"
            >

            <template slot="top-row" >
                <td v-for="field in Object.keys(fields)" :key="field.key">
                    <input class="col-sm" v-if="Object.keys(filters).indexOf(field) !== -1" v-model="filters[field]" :placeholder="field">
                </td>
            </template>
            <template slot="name" slot-scope="row">
                {{row.item.name}}
            </template>
        </b-table>

data() {
   return {

        filters: {
                name:'',
        },
       }
     },
     computed:{
        filter () {
            const filter = this.datas.filter(value => {
                    String(value[key]).includes(this.filters[key]))
            })
            return filter.length > 0 ? filter : [
                {
                    name:'',
                }
            ]
        },