diff --git a/examples/routers/grid.vue b/examples/routers/grid.vue
index f8819b6c..b328ab9b 100644
--- a/examples/routers/grid.vue
+++ b/examples/routers/grid.vue
@@ -1,26 +1,29 @@
+<style>
+    .demo-col div{
+        background: #f50;
+    }
+</style>
 <template>
     <div>
-        <Row>
-            <i-col span="12">col-12</i-col>
-            <i-col span="12">col-12</i-col>
-        </Row>
-        <br>
-        <Row>
-            <i-col span="8">col-8</i-col>
-            <i-col span="8">col-8</i-col>
-            <i-col span="8">col-8</i-col>
-        </Row>
-        <br>
-        <Row>
-            <i-col span="6">col-6</i-col>
-            <i-col span="6">col-6</i-col>
-            <i-col span="6">col-6</i-col>
-            <i-col span="6">col-6</i-col>
+        <Row :gutter="16">
+            <i-col class-name="demo-col" span="4" v-for="i in n" key="i">
+                <div>col-8</div>
+            </i-col>
         </Row>
+        <Button @click="add">add</Button>
     </div>
 </template>
 <script>
     export default {
-
+        data () {
+            return {
+                n: 2
+            }
+        },
+        methods: {
+            add () {
+                this.n++;
+            }
+        }
     }
 </script>
diff --git a/src/components/grid/col.vue b/src/components/grid/col.vue
index 2bb00d3a..86bf6d64 100644
--- a/src/components/grid/col.vue
+++ b/src/components/grid/col.vue
@@ -67,6 +67,17 @@
 
                 return style;
             }
+        },
+        methods: {
+            updateGutter () {
+                this.$parent.updateGutter(this.$parent.gutter);
+            }
+        },
+        mounted () {
+            this.updateGutter();
+        },
+        beforeDestroy () {
+            this.updateGutter();
         }
     };
 </script>
diff --git a/src/components/grid/row.vue b/src/components/grid/row.vue
index 7de24ec7..322d1bbb 100644
--- a/src/components/grid/row.vue
+++ b/src/components/grid/row.vue
@@ -69,9 +69,6 @@
             gutter (val) {
                 this.updateGutter(val);
             }
-        },
-        mounted () {
-            this.updateGutter(this.gutter);
         }
     };
 </script>