diff --git a/src/components/table/table.vue b/src/components/table/table.vue index 7404b95e..9ee5db12 100644 --- a/src/components/table/table.vue +++ b/src/components/table/table.vue @@ -65,6 +65,19 @@ :obj-data="objData"> +
+ + + + + + +
+ {{{!data || data.length === 0 ? noDataText : noFilteredDataText}}} +
+
@@ -127,6 +140,14 @@ }, content: { type: Object + }, + noDataText: { + type: String, + default: '无数据' + }, + noFilteredDataText: { + type: String, + default: '无筛选结果' } }, data () { diff --git a/src/styles/components/table.less b/src/styles/components/table.less index f6a47e41..3f5600a2 100644 --- a/src/styles/components/table.less +++ b/src/styles/components/table.less @@ -305,4 +305,14 @@ padding: 0; } } + + &-tip { + table { + width: 100%; + + td { + text-align: center; + } + } + } } diff --git a/test/routers/table.vue b/test/routers/table.vue index e9a7ed66..23e24cbe 100644 --- a/test/routers/table.vue +++ b/test/routers/table.vue @@ -5,6 +5,66 @@ + + +
+ + + + +
+ + + + +
+ + + + +
+ + + + +
+ + -1; + } + }, + { + title: '长文本', + key: 'longText', + width: 100, + ellipsis: false + } + ], + columns7: [ + { + type: 'selection', + width: 60, + align: 'center' + }, + { + title: '日期', + key: 'date' + }, + { + title: '姓名', + key: 'name' + }, { title: '地址', key: 'address', @@ -99,13 +207,6 @@ address: '上海市浦东新区世纪大道', date: '2016-10-02', longText: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' - }, - { - name: '周小伟', - age: 26, - address: '深圳市南山区深南大道', - date: '2016-10-04', - longText: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' } ], currentRow: null