choco-table

基于Vue Vxe table 的2次开发表格组件

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
choco-table
102.0.210 days ago4 months agoMinified + gzip package size for choco-table in KB

Readme

choco-table
基于Vue Vxe table 的2次开发表格组件
base on vxe table

install

npm install choco-table

使用

// main.js
import GlobalTable from 'choco-table'
import '@choco-table/lib/packages.css'

/* 定义默认请求方法,(在非自定义组件方法时使用) */
import { getConfig, getList, searchPageOptions, exportTable, submitForm } from '@/mock-api/table'
const options = {
  getConfig, // 全局获取tableConfig方法
  getData: getList, // 全局获取tableData方法
  submitForm, // 提交表单
  searchOptions: searchPageOptions, // 搜索selectOption选项
  exportTable // 导出表格
}

Vue.use(GlobalTable, options) // 加载全局配置

// App.vue
<global-table :config="{ tableId: '8848' }" />

assets/images/img.png assets/images/img2.png

Options配置

前端表格设计 前端表格配置文档

示例项目

npm i
npm run dev // 启动示例项目