qcc-json-table

介绍

表格实时在线编辑插件，支持部分excel操作。

样例

开始

1npm install vue-json-table --save

使用

1import VueJsonTable from 'vue-json-table';
2Vue.use(VueJsonTable)

快捷键说明

参数说明

{
"autoResize": false, // 宽度是否自适应 
"sampleSize": 1,// 数组截断长度
"separate": true, // 是否区分 汉字 和 非汉字
"charStep": 1, // 字符步长
"hzCharStep": 1.9, // 汉字步长
"maxLimitSize": 50, // 字符长度峰值
"minLimitSize": 5, // 字符长度谷值
"scale": 9, // 扩张比例（px）
"minWidth": 60, // 低于指定宽度最小宽度
"maxWidth": 400 //超过指定字符长度最大宽度
}

事件说明

样例

1 <VueJsonTable
2    :jsonData="[...data]"
3    v-model="data"
4    :width="width"
5    :height="height"
6    :colWidths="colWidths"
7    :stretchH="stretchH"
8    :multiColumnSorting="multiColumnSorting"
9    :fixColumnIndex="fixColumnIndex"
10    :manualColumnResize="manualColumnResize"
11    @removeColumn="removeColumn"
12    @updateColumn="updateColumn"
13    @addColumn="addColumn"
14    ></VueJsonTable>