Skip to content

An editable table component for Vue.js 2.0

License

Notifications You must be signed in to change notification settings

llylife/vue-willtable

Repository files navigation

km-excel在线编辑excel组件

值绑定

v-model进行值的绑定

Attributes

参数 说明 类型 可选值 默认值
columns 表格列的配置描述 Arry —— []
maxHeight 表格最大高度 string / number —— ——
disabled 是否可编辑 Boolean —— true
showIcon 是否显示表头类型图标 Boolean —— false
cellStyle 单元格的 style 的回调方法 Function({row, column, rowIndex, columnIndex}) —— ——
cellClassName 单元格的 className 的回调方法 Function({row, column, rowIndex, columnIndex}) —— ——

Events

事件名称 说明 回调参数
selection-change 当选择项发生变化时会触发该事件 selection

Methods

方法名 说明 参数
getChangeData 获取变化的数据 changeData

Columns-Attributes

参数 说明 类型 可选值 默认值
key 对应列内容的字段名 String —— ——
title 列头显示文字 String —— ——
type 列类型 String selection/number/date/select/month/disabled ——
format number类型是否格式化 Boolean —— true
options select下拉选项 Array { value: '值', label: '显示文字' } ——

About

An editable table component for Vue.js 2.0

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 65.2%
  • JavaScript 33.8%
  • Other 1.0%