# ElementUI-Table
**Repository Path**: wang-kaining/ElementUI-Table
## Basic Information
- **Project Name**: ElementUI-Table
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-25
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 使用 ElementUI 的 Table 相关组件
- 按需注册相关组件
```javaScript
import { Button, Table, TableColumn } from "element-ui";
Vue.use(Button);
Vue.use(Table);
Vue.use(TableColumn);
```
- 你所写的组件中 data 下需要
```javaScript
data() {
return {
"_yourData": [{
name: "LaoTang",
age: 23,
phone: "232553"
// ......
}]
}
}
```
- 组件的标签
```html
```
- 标签熟悉
> - el-table:
> > 1. data: 表格数据
> > 2. stripe: 是否隔行变色
> > 3. border: 是否拥有边框
> - el-table-column:
> > 1. prop: 数据的熟悉
> > 2. label: 给当前列命名
> > 3. fixed: 固定列（默认 left）
> - 自由属性(slot-scope="scope")
> > 1. scope.\$index: 获取当前行索引
> > 2. scope.row: 获取当前行数据（eg: scope.row.name）
```html
删除
编辑
```