vue-table-ui/README.md

用于vue项目动态创建table

## 说明
用于vue项目快速动态创建table

### 组件调用
```
<createTable :data="data" :styles="style" :stripe="true"></createTable>
```

### 属性说明
```
data: Object | 表格数据
styles: Object | 设置样式
stripe：boolean | 设置tr斑马纹
```

### 数据结构
```
data() {
    return {
      style:{
      <!-- table style -->
        table:{
          width:"800px",
          fontSize:"16px"
        },

      <!-- thead->tr style -->
        th_tr:{
          height:"40px",
        },

      <!-- tbody->tr style -->
        tb_tr:{
          height:"50px",
        }
      },

      data: {
        <!-- 控制列的顺序 -->
        sort: ["name","date","age","address"],

        thead: {
          name:"名字",
          date:"日期",
          age:"年龄",
          address:"地址",
        },

        tbody: [
          {
            name: "jack",
            date: "2022-04-16",
            age: 20,
            address: "xxx japan"
          },
          {
            name: "bluce",
            date: "2022-04-16",
            age: 21,
            address: "xxx korea"
          },
          {
            name: "anna",
            date: "2022-04-16",
            age: 22,
            address: "xxx thailand"
          },
          {
            name: "maraya",
            date: "2022-04-16",
            age: 23,
            address: "xxx china"
          }
        ]

      },

    }
}
```