Vue.js的可编辑表组件– vue-editortable

Vue.js的可编辑表组件– vue-editortable
插件名称 vue-editortable
发布时间 2020年9月30日
插件作者 el-jacko

您的网络应用程序的Vue.js可编辑表格组件。

特征:

  • 从数据库加载/保存数据
  • 创建,编辑,保存和删除数据
  • 显示/隐藏列
  • 键盘导航和快捷键
  • 宽桌SWIPE设计
  • 具有数据属性的简单响应式设计
  • 可配置的
  • 多种分类
  • 搜索过滤器
  • 动态分页
  • 验证方式

安装和下载:

# NPM
$ npm install vue-editortable --save

使用:

<vue-editortable :data="{ columns, options }"></vue-editortable>
// ...
data() {
      return {
        columns: [
          {
            title: 'Id',
            name: 'id',
            editable: false,
          },
          {
            title: 'Firstname',
            name: 'firstname',
            editable: true,
          },
          {
            title: 'Lastname',
            name: 'lastname',
            editable: true,
          },
          {
            title: 'Email',
            name: 'email',
            editable: true,
          },
        ],
        options: {
          showSearchFilter: true,
          requests: {
            allUrl: 'http://api.dev/api/users',
          },
        },
      };
    },
// ...