ljs-tree-table

treetable by vue

Usage no npm install needed!

<script type="module">
  import ljsTreeTable from 'https://cdn.skypack.dev/ljs-tree-table';
</script>

README

Build Status Downloads Version License

预览

avatar

介绍

基于element-ui中的table组件,扩展了一些功能：键盘焦点控制、双击编辑

扩展的属性

table:

事件:

名称 介绍 类型
text-change 单元格数据编辑后的事件 ( { row, column: { property } }: any, newText: string ) => void

focus-el-table-column(扩展自:el-table-column):

props:

名称 介绍 类型 默认
editable 是否可编辑 Boolean false

安装

npm install ele-tree-table
or
yarn add ele-tree-table

// 模块未编译为commonjs,vue.config.js中需配置
transpileDependencies: ['ele-tree-table']

使用

详见 src/example/view/baseElement.vue

运行

命令 介绍
npm run example 运行demo
npm build:example 编译实例
npm build:lib 编译组件