diff --git a/examples/views/table/base/Basic.vue b/examples/views/table/base/Basic.vue
index 7f119c068..a1441d46b 100644
--- a/examples/views/table/base/Basic.vue
+++ b/examples/views/table/base/Basic.vue
@@ -1,472 +1,57 @@
-
- 全部
- {{item.baseName}}
-
-
+ 基础表格，基于模板方式使用非常简单、便捷
+ （注：每一列 field 字段属性不可更改）
+
- :cell-class-name="cellClassName"
- :cell-style="cellStyle"
- :row-class-name="rowClassName"
- >
+
+
+ 居左
+ 居中
+ 居右
+
+
-
- {{countTotalNum(row,'totalNum')}}
-
-
- {{countTotalNum(row,'totalMoney')}}
-
-
-
-
- {{column.params}}
-
- {{column.title.split('元')[0]}}元
{{column.title.split('元')[1]}}
-
-
-
-
-
-
- 订单原始金额：{{row.totalMoneySource}}
-
- {{row.totalMoney}}
-
-
-
+
+
+
+
+
+
+
+
使用 属性启用 hover 行高亮
+
+
+
+
+
+
+
+
{{ $t('app.body.button.showCode') }}
-
-
- {{ demoCodes[0] }}
- {{ demoCodes[1] }}
-
-
通过设置 =true|full 显示完整边框
- {{ $t('app.body.button.showCode') }}
-
-
- {{ demoCodes[2] }}
- {{ demoCodes[3] }}
-
-
通过设置 =outer 显示外边框
- {{ $t('app.body.button.showCode') }}
-
-
- {{ demoCodes[4] }}
- {{ demoCodes[5] }}
-
-
通过设置 =inner 显示内边框
- {{ $t('app.body.button.showCode') }}
-
-
- {{ demoCodes[6] }}
- {{ demoCodes[7] }}
-
-
通过设置 =none 去掉所有边框
- {{ $t('app.body.button.showCode') }}
-
-
- {{ demoCodes[8] }}
- {{ demoCodes[9] }}
-
@@ -120,252 +86,6 @@ export default {
{ id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
{ id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
{ id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ],
- demoCodes: [
- `
-
-
-
-
-
-
-
- `,
- `
- export default {
- data () {
- return {
- tableData: [
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
- { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ]
- }
- },
- methods: {
- sumNum (list, field) {
- let count = 0
- list.forEach(item => {
- count += Number(item[field])
- })
- return count
- },
- footerMethod ({ columns, data }) {
- const sums = []
- columns.forEach((column, columnIndex) => {
- if (columnIndex === 0) {
- sums.push('和值')
- } else {
- sums.push(this.sumNum(data, column.property))
- }
- })
- // 返回一个二维数组的表尾合计
- return [sums]
- }
- }
- }
- `,
- `
-
-
-
-
-
-
-
- `,
- `
- export default {
- data () {
- return {
- tableData: [
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
- { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ]
- }
- },
- methods: {
- sumNum (list, field) {
- let count = 0
- list.forEach(item => {
- count += Number(item[field])
- })
- return count
- },
- footerMethod ({ columns, data }) {
- const sums = []
- columns.forEach((column, columnIndex) => {
- if (columnIndex === 0) {
- sums.push('和值')
- } else {
- sums.push(this.sumNum(data, column.property))
- }
- })
- // 返回一个二维数组的表尾合计
- return [sums]
- }
- }
- }
- `,
- `
-
-
-
-
-
-
-
- `,
- `
- export default {
- data () {
- return {
- tableData: [
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
- { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ]
- }
- },
- methods: {
- sumNum (list, field) {
- let count = 0
- list.forEach(item => {
- count += Number(item[field])
- })
- return count
- },
- footerMethod ({ columns, data }) {
- const sums = []
- columns.forEach((column, columnIndex) => {
- if (columnIndex === 0) {
- sums.push('和值')
- } else {
- sums.push(this.sumNum(data, column.property))
- }
- })
- // 返回一个二维数组的表尾合计
- return [sums]
- }
- }
- }
- `,
- `
-
-
-
-
-
-
-
- `,
- `
- export default {
- data () {
- return {
- tableData: [
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
- { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ]
- }
- },
- methods: {
- sumNum (list, field) {
- let count = 0
- list.forEach(item => {
- count += Number(item[field])
- })
- return count
- },
- footerMethod ({ columns, data }) {
- const sums = []
- columns.forEach((column, columnIndex) => {
- if (columnIndex === 0) {
- sums.push('和值')
- } else {
- sums.push(this.sumNum(data, column.property))
- }
- })
- // 返回一个二维数组的表尾合计
- return [sums]
- }
- }
- }
- `,
- `
-
-
-
-
-
-
-
- `,
- `
- export default {
- data () {
- return {
- tableData: [
- { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
- { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
- { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
- { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
- ]
- }
- },
- methods: {
- sumNum (list, field) {
- let count = 0
- list.forEach(item => {
- count += Number(item[field])
- })
- return count
- },
- footerMethod ({ columns, data }) {
- const sums = []
- columns.forEach((column, columnIndex) => {
- if (columnIndex === 0) {
- sums.push('和值')
- } else {
- sums.push(this.sumNum(data, column.property))
- }
- })
- // 返回一个二维数组的表尾合计
- return [sums]
- }
- }
- }
- `
]
}
},
diff --git a/package.json b/package.json
index ae81e1878..886ce2663 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "vxe-table",
- "version": "3.4.14-beta.3",
+ "version": "3.4.14",
"description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
"scripts": {
"serve": "vue-cli-service serve",