cairuoyu/cry-table

一个基于vue、element-ui的表格组件

cry-table

一个基于vue、element-ui的表格组件demo

https://github.com/cairuoyu/cry-table

---

功能

• 行内编辑
• 行内级联下拉
• 行内自定义显示隐藏按钮
• 隐藏显示列
• ...

安装

npm i
或者
yarn

运行

npm run dev

访问

http://localhost:8082/

例子

<template>
  <cry-table :listConfig="listConfig" :listData="listData" />
</template>

<script>
export default {
  data() {
    return {
      listData: [],
      listConfig: {
        columns: [
          { prop: 'country', label: '国家' },
          { prop: 'province', label: '省份' },
          { prop: 'city', label: '城市' }
        ]
      }
    }
  },
  created() {
    this.listData = [
      {
        country: '**',
        province: '广东省',
        city: '广州市'
      }
    ]
  }
}
</script>

live demo

http://cairuoyu.com/cry-table/