UNPKG

vue-data-tables

Version:

A simple, customizable and pageable table, based on vue2 and element-ui.

github.com/njleonzhang/vue-data-tables

27 lines (18 loc) • 1.26 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# Introduce `vue-data-tables` is compose of the following 3 parts: * Tool Bar * Table * Content * Column action * Pagination ![](../_media/intro-en.png) ## Tool Bar Tool Bar is entirely created by users. Most of the time, Tool Bar can be independent to `vue-data-tables`, but if needed, we can embed it into `vue-data-tables` by a [slot](https://vuejs.org/v2/guide/components-slots.html#Named-Slots) named `tool`. Refer to the [Tool Bar](en-us/actionBar.md) section for more details. ## Table A embedded [el-table](http://element.eleme.io/#/en-US/component/table). If you are not familiar to [el-table](http://element.eleme.io/#/component/table), please read its document。 ### Content Content to show the data ### Action Column A embedded [el-table-column](http://element.eleme.io/#/en-US/component/table#table-column-attributes) for quick creating column actions. Refer to the [Action Column](en-us/actionCol.md) section for more details. ## Pagination A embedded [el-pagination](http://element.eleme.io/#/en-US/component/pagination). If you are not familiar to [el-pagination](http://element.eleme.io/#/en-US/component/pagination), please read its document。For usage in `vue-data-tables`, refer to the [Pagination](en-us/pagination.md) section.