vxe-table-dao
TypeScript icon, indicating that this package has built-in type declarations

3.0.0-alpha.7 • Public • Published

vxe-table-dao

扩展 vxe-table 功能

扩展功能

编辑模式添加配置 enterAsTab: boolean,默认是false

当enterAsTab为true,用户按回车键时相当于按Tab键的功能

:keyboard-config="{isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true, enterAsTab: true, editMethod}"

column 属性添加 editable: boolean,默认是 true

只有 editable为true,选取的cell才启动编辑

Docs

To view the user guide 使用指南

To view the example 查看演示
To view the document 查看文档

Installing

依赖库:vue 2.6+, xe-utils 2.4+

npm install xe-utils vxe-table-dao

Get on unpkg and cdnjs

npm

import Vue from 'vue'
import 'xe-utils'
import VXETable from 'vxe-table-dao'
import 'vxe-table-dao/lib/index.css'
 
Vue.use(VXETable)

Example

<template>
  <div>
    <vxe-table :data="tableData">
      <vxe-table-column type="seq" title="Seq" width="80"></vxe-table-column>
      <vxe-table-column field="name" title="Name"></vxe-table-column>
      <vxe-table-column field="sex" title="Sex"></vxe-table-column>
      <vxe-table-column field="address" title="Address"></vxe-table-column>
    </vxe-table>
  </div>
</template>
 
<script>
export default {
  data () {
    return {
      tableData: [
        { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', address: 'Shenzhen' },
        { id: 10002, name: 'Test2', role: 'Test', sex: 'Man', address: 'Guangzhou' },
        { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', address: 'Shanghai' }
      ]
    }
  }
}
</script> 

License

MIT License, 2019-present, dao

Package Sidebar

Install

npm i vxe-table-dao

Weekly Downloads

0

Version

3.0.0-alpha.7

License

MIT

Unpacked Size

6.12 MB

Total Files

454

Last publish

Collaborators

  • inuder