lxm_front/vxe-table
1
0
Fork 0
mirror of https://gitee.com/xuliangzhan_admin/vxe-table.git synced 2026-01-21 05:27:57 +08:00
Code Issues Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
xuliangzhan
2019-05-06 20:51:36 +08:00
parent 3be421e9b4
commit 026bcd2f4b
13 changed files with 52 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
README.md
View File

@@ -10,43 +10,34 @@ A very powerful Vue table component.
## Features
* [基础](https://jsrun.net/VrXKp)
* [尺寸](https://jsrun.net/PmXKp)
* [斑马线条纹](https://jsrun.net/zrXKp)
* [带边框](https://jsrun.net/QrXKp)
* [单元格样式](https://jsrun.net/EmXKp)
* [列宽拖动](https://jsrun.net/5AXKp)
* [流体高度](https://jsrun.net/smXKp)
* [固定表头](https://jsrun.net/JrXKp)
* [固定列](https://jsrun.net/TrXKp)
* [固定表头和列](https://jsrun.net/8rXKp)
* [表头分组](https://jsrun.net/7rXKp)
* [序号](https://jsrun.net/xrXKp)
* [单选](https://jsrun.net/9rXKp)
* [多选](https://jsrun.net/erXKp)
* [排序](https://jsrun.net/QrXKp)
* [筛选](https://jsrun.net/drXKp)
* [合并行或列](https://jsrun.net/5jXKp)
* [表尾合计](https://jsrun.net/dmXKp)
* [导出 CVS](https://jsrun.net/cmXKp)
* [自定义列](https://jsrun.net/PrXKp)
* [加载中](https://jsrun.net/GjXKp)
* [格式化内容](https://jsrun.net/FrXKp)
* [自定义模板](https://jsrun.net/DjXKp)
* [快捷菜单](https://jsrun.net/VjXKp)
* [滚动渲染](https://jsrun.net/XRXKp)
* [展开行](https://jsrun.net/eRXKp)
* 树形结构
* 可编辑
* 可编辑 - 手动触发
* 可编辑 - 点击触发
* 可编辑 - 双击触发
* 可编辑 - 增/删/改/查/还
* 可编辑 - 显示状态
* 可编辑 - 禁用编辑
* 可编辑 - 校验
* 可编辑 - 键盘导航
* 可编辑 - Excel
* 基础
* 尺寸
* 斑马线条纹
* 带边框
* 单元格样式
* 列宽拖动
* 流体高度
* 固定表头
* 固定列
* 固定表头和列
* 表头分组
* 序号
* 单选
* 多选
* 排序
* 筛选
* 合并行或列
* 表尾合计
* 导出 CVS
* 自定义列
* 加载中
* 格式化内容
* 自定义模板
* 快捷菜单
* 滚动渲染
* 展开行
* 可编辑表格
* Excel 表格
## Docs

2
docs/index.html
View File

@@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vxe-table/favicon.ico><title>vxe-table 表格</title><link href=/vxe-table/static/css/chunk-vendors.b2454a45.css rel=preload as=style><link href=/vxe-table/static/css/index.f0f739fe.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.40b607bc.js rel=preload as=script><link href=/vxe-table/static/js/index.015e41ca.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.b2454a45.css rel=stylesheet><link href=/vxe-table/static/css/index.f0f739fe.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.40b607bc.js></script><script src=/vxe-table/static/js/index.015e41ca.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vxe-table/favicon.ico><title>vxe-table 表格</title><link href=/vxe-table/static/css/chunk-vendors.f68b9fb9.css rel=preload as=style><link href=/vxe-table/static/css/index.f0f739fe.css rel=preload as=style><link href=/vxe-table/static/js/chunk-vendors.4a1ca0f8.js rel=preload as=script><link href=/vxe-table/static/js/index.8b415747.js rel=preload as=script><link href=/vxe-table/static/css/chunk-vendors.f68b9fb9.css rel=stylesheet><link href=/vxe-table/static/css/index.f0f739fe.css rel=stylesheet></head><body><noscript><strong>We're sorry but vxe-table doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vxe-table/static/js/chunk-vendors.4a1ca0f8.js></script><script src=/vxe-table/static/js/index.8b415747.js></script></body></html>

0
docs/static/css/chunk-vendors.b2454a45.css → docs/static/css/chunk-vendors.f68b9fb9.css vendored
View File

2
docs/static/js/chunk-vendors.40b607bc.js → docs/static/js/chunk-vendors.4a1ca0f8.js vendored
View File

File diff suppressed because one or more lines are too long

1
docs/static/js/index.015e41ca.js vendored
View File

File diff suppressed because one or more lines are too long

1
docs/static/js/index.8b415747.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

10
examples/App.vue
View File

@@ -403,30 +403,30 @@ export default {
]
},
{
lable: '集成渲染',
lable: '集成',
value: 'other',
expand: false,
children: [
{
lable: '与 element-ui 集成',
lable: '自定义渲染 element-ui 组件',
locat: {
name: 'TableOtherElement'
}
},
{
lable: '使用 element-ui 配置式插件',
lable: 'vxe-table-plugin-element 插件',
locat: {
name: 'TableOtherElementConfig'
}
},
{
lable: '与 iview 集成',
lable: '自定义渲染 iview 组件',
locat: {
name: 'TableOtherIview'
}
},
{
lable: '使用 iview 配置式插件',
lable: 'vxe-table-plugin-iview 插件',
locat: {
name: 'TableOtherIviewConfig'
}

4
examples/plugins/vxetable.js
View File

@@ -1,7 +1,7 @@
import Vue from 'vue'
import VXETable from '../../src'
import VXETableElementPlugin from '../../src/plugins/element'
import VXETableIViewPlugin from '../../src/plugins/iview'
import VXETableElementPlugin from 'vxe-table-plugin-element'
import VXETableIViewPlugin from 'vxe-table-plugin-iview'
Vue.use(VXETable, {
size: null,

2
examples/views/table/other/Element.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<p>自定义渲染 element-ui 组件</p>
<p>自定义渲染 element-ui 组件，使用插槽 edit slot</p>
<vxe-table
border

8
examples/views/table/other/ElementConfig.vue
View File

@@ -1,12 +1,12 @@
<template>
<div>
<p>使用配置式的插件</p>
<p>使用 vxe-table-plugin-element 配置式的插件</p>
<pre>
<code class="javascript">{{ demoCodes[0] }}</code>
</pre>
<p>使用 edit-render 简化配置</p>
<p>配置如下</p>
<vxe-table
border
@@ -54,9 +54,9 @@ export default {
demoCodes: [
`
import VXETable from 'vxe-table'
import VXETableElementPlugin from 'vxe-table/lib/plugins/element'
import VXETablePluginElement from 'vxe-table-plugin-element'
VXETable.setup(VXETableElementPlugin)
VXETable.setup(VXETablePluginElement)
`,
`
<vxe-table

2
examples/views/table/other/Iview.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<p>自定义渲染 iview 组件</p>
<p>自定义渲染 iview 组件，使用插槽 edit slot</p>
<vxe-table
border

8
examples/views/table/other/IviewConfig.vue
View File

@@ -1,12 +1,12 @@
<template>
<div>
<p>使用配置式的插件</p>
<p>使用 vxe-table-plugin-iview 配置式的插件</p>
<pre>
<code class="javascript">{{ demoCodes[0] }}</code>
</pre>
<p>使用 edit-render 简化配置</p>
<p>配置如下</p>
<vxe-table
border
@@ -53,9 +53,9 @@ export default {
demoCodes: [
`
import VXETable from 'vxe-table'
import VXETableIViewPlugin from 'vxe-table/lib/plugins/iview'
import VXETablePluginIView from 'vxe-table-plugin-iview'
VXETable.setup(VXETableIViewPlugin)
VXETable.setup(VXETablePluginIView)
`,
`
<vxe-table

6
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "vxe-table",
"version": "0.0.7",
"version": "0.0.8",
"description": "A very powerful Vue table component.",
"scripts": {
"serve": "vue-cli-service serve",
@@ -40,6 +40,8 @@
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vue-template-compiler": "^2.6.10",
"vxe-table-plugin-element": "0.0.2",
"vxe-table-plugin-iview": "0.0.2",
"webpack-cli": "^3.3.1",
"xe-ajax": "^3.5.3",
"xe-ajax-mock": "^1.7.10",
@@ -47,7 +49,7 @@
},
"peerDependencies": {
"vue": "^2.6.10",
"xe-utils": "^1.8.19"
"xe-utils": "^1.8.20"
},
"postcss": {
"plugins": {