vue-data-tables/docs/introduce.md

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

# Introduce
> Introduce to parts of th generated table

This table is made up of the following parts:

* Tool bar
  * Table Actions
  * Checkbox filter
  * Search box Area
* Table
  * Table content
  * Table Action col
* pagination

![](/_media/table parts.png)

# Table bar

### Table Actions
Buttons can be defined in this area to do some **table level** task. For example, **adding a row, exporting the table data to excel**, etc.

### Checkbox filter
Multi-select Checkbox can be defined in this area to filter the table according to **special property[s]** of the table data.

### Search Box filter
A Search box which is used to filter the table according to the **user input**.

# Table

### Table Content
This part is rendered according to the provided data. The data should be a list of Object.
For Details, please read [element-ui doc](http://element.eleme.io/#/en-US/component/table)

### Table Action col
Buttons can be defined in this area to do **row lavel** task. For example, **revising the row, deleting the row**.

# Pagination
no special explain, just notice the [L10N](quickstart?id=l10n-show-english-in-pagination)

> Play with the [Helloword sample](http://jsfiddle.net/zpczjl/0f3k501L/) for better understanding