update table example

examples/routers/table.vue

@@ -92,7 +92,8 @@
                     {
                         title: 'Postcode',
                         key: 'zip',
-                        width: 100
+                        width: 100,
+                        fixed: 'right',
                     },
                     {
                         title: 'Action',
@@ -239,4 +240,4 @@
             }
         }
     }
-</script>
+</script>

src/components/date-picker/panel/Date/date-range.vue

@@ -295,9 +295,7 @@
                     const otherPanel = panel === 'left' ? 'right' : 'left';
                     const otherCurrent = new Date(this[`${otherPanel}PanelDate`]);
                     otherCurrent[`set${type}`](otherCurrent[`get${type}`]() + increment);
-                    if (current[`get${type}`]() !== otherCurrent[`get${type}`]()){
+                    this[`${otherPanel}PanelDate`] = otherCurrent;
-                        this[`${otherPanel}PanelDate`] = otherCurrent;
-                    }
                 }
             },
             showYearPicker (panel) {

src/components/date-picker/picker.vue

@@ -334,7 +334,7 @@
                         if (typeof val === 'string') {
                             val = parser(val, format);
                         } else if (type === 'timerange') {
-                            val = parser(val, format);
+                            val = parser(val, format).map(v => v || '');
                         } else {
                             val = val.map(date => new Date(date)); // try to parse
                             val = val.map(date => isNaN(date.getTime()) ? null : date); // check if parse passed

src/components/poptip/poptip.vue

@@ -97,6 +97,9 @@
             transfer: {
                 type: Boolean,
                 default: false
+            },
+            popperClass: {
+                type: String
             }
         },
         data () {
@@ -120,7 +123,8 @@
                 return [
                     `${prefixCls}-popper`,
                     {
-                        [`${prefixCls}-confirm`]: this.transfer && this.confirm
+                        [`${prefixCls}-confirm`]: this.transfer && this.confirm,
+                        [`${this.popperClass}`]: !!this.popperClass
                     }
                 ];
             },

src/components/table/cell.vue

@@ -1,6 +1,6 @@
 <template>
     <div :class="classes" ref="cell">
-        <template v-if="renderType === 'index'">{{naturalIndex + 1}}</template>
+        <template v-if="renderType === 'index'"><span>{{naturalIndex + 1}}</span></template>
         <template v-if="renderType === 'selection'">
             <Checkbox :value="checked" @click.native.stop="handleClick" @on-change="toggleSelect" :disabled="disabled"></Checkbox>
         </template>

src/components/table/table-head.vue

@@ -23,6 +23,8 @@
                                 v-if="isPopperShow(column)"
                                 v-model="column._filterVisible"
                                 placement="bottom"
+                                popper-class="ivu-table-popper"
+                                transfer
                                 @on-popper-hide="handleFilterHide(column._index)">
                                 <span :class="[prefixCls + '-filter']">
                                     <i class="ivu-icon ivu-icon-funnel" :class="{on: column._isFiltered}"></i>

src/styles/components/table.less

@@ -357,15 +357,13 @@
         &-footer{
             padding: 4px;
             border-top: 1px solid @border-color-split;
-        }
+            overflow: hidden;
-    }
+            button:first-child{
-    .ivu-poptip-popper{
+                float: left;
-        min-width: 0;
+            }
-        text-align: left;
+            button:last-child{
-    }
+                float: right;
-    thead .ivu-poptip-popper{
+            }
-        .ivu-poptip-body{
-            padding: 0;
         }
     }
 
@@ -383,3 +381,10 @@
         visibility: hidden;
     }
 }
+.ivu-table-popper{
+    min-width: 0;
+    text-align: left;
+    .ivu-poptip-body{
+        padding: 0;
+    }
+}