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
+ ---
7
20
8
21
### Demo
9
22
@@ -21,16 +34,16 @@ $ npm install vue-datasource
21
34
```
22
35
23
36
``` 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 >
34
47
```
35
48
36
49
``` javascript
0 commit comments