# easy-table

**Repository Path**: StarChaserZ/easy-table

## Basic Information

- **Project Name**: easy-table
- **Description**: 基于element ui Vue2实现的通过配置渲染的表格
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2026-03-06
- **Last Updated**: 2026-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# easy-table

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```
### formMode开启form表单校验
```
formMode：true
```
### 配置项
```
columns: [
        {
          label: "基础信息",
          children: [
            {
              label: "姓名",
              prop: "name",
              editable: true,
              rules: [
                { required: true, message: "请输入姓名", trigger: "blur" },
              ],
              slot: "nameSlot",
            },
            {
              label: "年龄",
              prop: "age",
              editable: true,
              component: "el-input-number",
              componentProps: { min: 0 },
            },
          ],
        },
        {
          type: "action",
          label: "操作",
          width: 180,
          buttons: [
            {
              text: "编辑",
              type: "primary",
              onClick: (row) => console.log("编辑", row),
            },
            {
              text: "删除",
              type: "danger",
              confirm: true,
              onClick: (row) => console.log("删除", row),
            },
          ],
        },
      ],
```