xet

x-elt-transfer

基于ElementUI实现的可分页表格穿梭框

Showing:

Popularity

Downloads/wk

0

GitHub Stars

10

Maintenance

Last Commit

1yr ago

Contributors

2

Package

Dependencies

2

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Deprecated!
wrong-package

Readme

elt-transfer

基于element-ui的可分页表格穿梭框

安装

npm install elt-transfer

使用

在main.js文件中引入插件并注册

import eltTransfer from 'elt-transfer'
Vue.use(eltTransfer)

示例

截图

示例代码

Attributes

参数说明类型默认值
value / v-model绑定值array
show-query是否需要显示条件查询booleanfalse
show-pagination是否需要显示分页booleanfalse
pagination-call-back分页回调,需要使用Promise返回结果function(pageIndex, pageSize){ total: 0, data: null }
title-texts自定义标题文案array['待选项', '已选项']
button-texts自定义按钮文案array['','']
query-texts自定义查询按钮文案array['查询','筛选']
left-columns左侧表格列定义, 需要属性{ id, label, width }array[]
right-columns右侧表格列定义, 不传时将使用left-columns的值arrayundefined
min-height表格最小高度string300px
max-height表格最大高度string500px
table-row-key表格行数据的Keyfunction(row)row.id

Methods

参数说明参数
clear清除所有的操作后产生的数据-

Slot

名称说明
-自定义列的内容,参数为 { row, column }
leftCondition左表查询条件插槽,可自行添加el-form-item,并绑定值至scope上,名称与字段名需相同
rightCondition同上

NPM

npm地址: https://www.npmjs.com/package/elt-transfer

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100