1- # Vue Datasource
2- #### A Vue.js server side component to create dynamic tables. Compatible with Vue 2.x and Laravel.
3- [ ![ GitHub license] ( https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square )] ( https://raw.githubusercontent.com/coderdiaz/vue-datasource/master/LICENSE )
4- [ ![ GitHub stars] ( https://img.shields.io/github/stars/coderdiaz/vue-datasource.svg?style=flat-square )] ( https://github.com/coderdiaz/vue-datasource/stargazers )
5- ![ ] ( https://img.shields.io/npm/dm/vue-datasource.svg?style=flat-square )
6- ![ ] ( https://img.shields.io/npm/v/vue-datasource.svg?style=flat-square )
1+ <p align =" center " >
2+ <a href="https://github.com/coderdiaz/vue-datasource">
3+ <img src="logotype.png" width="120">
4+ </a>
5+ <h2 align="center">Vue Datasource</h2>
6+ </p >
7+
8+ <p align =" center " >
9+ A Vue.js server side component to create dynamic tables. Compatible with Vue 2.x and Laravel.
10+ </p >
11+
12+ <p align =" center " >
13+ <a href="https://github.com/coderdiaz/vue-datasource/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square"></a>
14+ <a href="https://github.com/coderdiaz/vue-datasource/stargazers"><img src="https://img.shields.io/github/stars/coderdiaz/vue-datasource.svg?style=flat-square"></a>
15+ <a href="http://npmjs.com/package/vue-datasource"><img src="https://img.shields.io/npm/dm/vue-datasource.svg?style=flat-square"></a>
16+ <a href="http://npmjs.com/package/vue-datasource"><img src="https://img.shields.io/npm/v/vue-datasource.svg?style=flat-square"></a>
17+ </p >
18+
19+ ---
720
821### Demo
922
@@ -21,16 +34,16 @@ $ npm install vue-datasource
2134```
2235
2336``` html
24- <div id =" #app" >
25- <datasource
26- language =" en"
27- :table-data =" information.data"
28- :columns =" columns"
29- :pagination =" information.pagination"
30- :actions =" actions"
31- v-on:change =" changePage"
32- v-on:searching =" onSearch" ></datasource >
33- </div >
37+ <div id =" #app" >
38+ <datasource
39+ language =" en"
40+ :table-data =" information.data"
41+ :columns =" columns"
42+ :pagination =" information.pagination"
43+ :actions =" actions"
44+ v-on:change =" changePage"
45+ v-on:searching =" onSearch" ></datasource >
46+ </div >
3447```
3548
3649``` javascript
0 commit comments