data-table-vue-b4

form-builder

installation

import data-table from 'data-table-vue-b4';

Vue.component('data-table',DataTable);

<data-table :config="dataTableConfig" ></data-table>

les options

####columns

configuration des colonnes de votre table. title et field obligatoire vous pouvez activer ou non si la colonne est triable vous pouvez passer un nom de composant a utiliser pour l'affichage des datas de cette collonne , la data sera passé dans les props sous le nom "item".

columns: [
     { title: 'Nom', field: 'first_name', sortable: true },
     { title: 'Prénom', field: 'last_name', sortable: false },
     { title: 'genre', field: 'gender', sortable: false ,component:'test-label'},
],

####show

le nombre d'élément listés

type:number,
defaut:10

####filters

filtre a passer à la table

 filters:[
                    { model: 'gender' , label: 'Genre' ,type:'select', options:{'' : 'tous','Genderqueer':'Genderqueer','Male' : 'Male'}},
                    { model: 'first_name' , label: 'nom' ,type:'select', options:{'' : 'tous','Duane':'Duane'}},
                ],

####libelle

nom de la données affichés pour la pagination exemple :'utilisateur

####url url à appeler

####loaderImgPath

lien pour l'image utiliser pour le loader. par defaut un spinner

####loaderMSg

         message a passer sous le loader