vue功能丰富的数据表格 vue-table-dynamic

vue功能丰富的数据表格 vue-table-dynamic
插件名称 vue-table-dynamic
版本号 v0.4.4
发布时间 2020年4月6日
插件作者 TheoXiong

vue-table-dynamic 是一个动态表格组件。面向运行时,实时响应源数据变化,动态更新表格内容与形态。具有丰富的特性,所有特性均可按需引入,满足多样化需求。

变更日志:

v0.4.4(01/30/2021)

  • 优化的触摸区域排序

v0.4.3(01/21/2021)

  • 添加选择行

v0.4.2(01/20/2021)

  • 增加了sharedWidth

v0.4.1(12/28/2020)

  • 自定义样式

v0.3.3(09/21/2020)

  • 新增语言

v0.3.1(09/07/2020)

  • filterPanel的开关按钮位置

v0.3.0(08/17/2020)

  • 更新

vv0.2.7(08/16/2020)

  • 修改激活的颜色

更多功能:

  • 多选
  • 搜索
  • 排序
  • 筛选
  • 分页
  • 编辑
  • 边框
  • 条纹
  • 高亮
  • 配置列宽
  • 配置表头
  • 固定表头
  • 固定列

安装和下载:

# NPM
$ npm install vue-table-dynamic --save

基本用法:

1.安装并导入VueTableDynamic。

import VueTableDynamic from 'vue-table-dynamic'

2.将组件插入您的应用程序模板。

<template>
  <div class="base-demo" style="width: 400px">
    <vue-table-dynamic :params="params"></vue-table-dynamic>
  </div>
</template>

3.注册组件并定义数据表的数据。

export default {
  name: 'Demo',
  data() {
    return {
      params: {
        data: [
          ['Cell-1', 'Cell-2', 'Cell-3'],
          ['Cell-4', 'Cell-5', 'Cell-6'],
          ['Cell-7', 'Cell-8', 'Cell-9']
        ]
      }
    }
  },
  components: { VueTableDynamic }
}