diff --git a/docs/views/examples/Avatar.vue b/docs/views/examples/Avatar.vue
index 86f4851..4fb6a74 100644
--- a/docs/views/examples/Avatar.vue
+++ b/docs/views/examples/Avatar.vue
@@ -37,7 +37,7 @@
       </div>
     </div>
     <div class="pt-5">
-      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue</a>
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue">/docs/views/examples/Avatar.vue</a>
     </div>
   </div>
 </template>
diff --git a/docs/views/examples/Drag.vue b/docs/views/examples/Drag.vue
index 5cb838a..2627eac 100644
--- a/docs/views/examples/Drag.vue
+++ b/docs/views/examples/Drag.vue
@@ -49,7 +49,7 @@
     </div>
 
     <div class="pt-5">
-      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue</a>
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue">/docs/views/examples/Drag.vue</a>
     </div>
   </div>
 </template>
diff --git a/docs/views/examples/Full.vue b/docs/views/examples/Full.vue
index 0556a85..3dda2be 100644
--- a/docs/views/examples/Full.vue
+++ b/docs/views/examples/Full.vue
@@ -10,70 +10,71 @@
 		<h3>Drop files to upload</h3>
   </div>
   <div class="upload" v-show="!isOption">
-    <table class="table table-hover">
-      <thead>
-        <tr>
-          <th>#</th>
-          <th>Thumb</th>
-          <th>Name</th>
-          <th>Size</th>
-          <th>Speed</th>
-          <th>Status</th>
-          <th>Action</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-if="!files.length">
-          <td colspan="7">
-            <div class="text-center p-5">
-              <h4>Drop files anywhere to upload<br/>or</h4>
-              <label :for="name" class="btn btn-lg btn-primary">Select Files</label>
-            </div>
-          </td>
-        </tr>
-        <tr v-for="(file, index) in files" :key="file.id">
-          <td>{{index}}</td>
-          <td>
-            <img v-if="file.thumb" :src="file.thumb" width="40" height="auto" />
-            <span v-else>No Image</span>
-          </td>
-          <td>
-            <div class="filename">
-              {{file.name}}
-            </div>
-            <div class="progress" v-if="file.active || file.progress !== '0.00'">
-              <div :class="{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}" role="progressbar" :style="{width: file.progress + '%'}">{{file.progress}}%</div>
-            </div>
-          </td>
-          <td>{{file.size | formatSize}}</td>
-          <td>{{file.speed | formatSize}}</td>
-
-          <td v-if="file.error">{{file.error}}</td>
-          <td v-else-if="file.success">success</td>
-          <td v-else-if="file.active">active</td>
-          <td v-else></td>
-          <td>
-            <div class="btn-group">
-              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button">
-                Action
-              </button>
-              <div class="dropdown-menu">
-                <a :class="{'dropdown-item': true, disabled: file.active || file.success}" href="#" @click.prevent="file.active || file.success ? false :  onEditFileShow(file)">Edit</a>
-                <a :class="{'dropdown-item': true, disabled: !file.active}" href="#" @click.prevent="file.active ? $refs.upload.update(file, {error: 'cancel'}) : false">Cancel</a>
-
-                <a class="dropdown-item" href="#" v-if="file.active" @click.prevent="$refs.upload.update(file, {active: false})">Abort</a>
-                <a class="dropdown-item" href="#" v-else-if="file.error && $refs.upload.features.html5" @click.prevent="$refs.upload.update(file, {active: true, error: '', progress: '0.00'})">Retry upload</a>
-                <a :class="{'dropdown-item': true, disabled: file.success}" href="#" v-else @click.prevent="file.success ? false : $refs.upload.update(file, {active: true})">Upload</a>
-
-                <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#" @click.prevent="$refs.upload.remove(file)">Remove</a>
+    <div class="table-responsive">
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Thumb</th>
+            <th>Name</th>
+            <th>Size</th>
+            <th>Speed</th>
+            <th>Status</th>
+            <th>Action</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-if="!files.length">
+            <td colspan="7">
+              <div class="text-center p-5">
+                <h4>Drop files anywhere to upload<br/>or</h4>
+                <label :for="name" class="btn btn-lg btn-primary">Select Files</label>
               </div>
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-
+            </td>
+          </tr>
+          <tr v-for="(file, index) in files" :key="file.id">
+            <td>{{index}}</td>
+            <td>
+              <img v-if="file.thumb" :src="file.thumb" width="40" height="auto" />
+              <span v-else>No Image</span>
+            </td>
+            <td>
+              <div class="filename">
+                {{file.name}}
+              </div>
+              <div class="progress" v-if="file.active || file.progress !== '0.00'">
+                <div :class="{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}" role="progressbar" :style="{width: file.progress + '%'}">{{file.progress}}%</div>
+              </div>
+            </td>
+            <td>{{file.size | formatSize}}</td>
+            <td>{{file.speed | formatSize}}</td>
+
+            <td v-if="file.error">{{file.error}}</td>
+            <td v-else-if="file.success">success</td>
+            <td v-else-if="file.active">active</td>
+            <td v-else></td>
+            <td>
+              <div class="btn-group">
+                <button class="btn btn-secondary btn-sm dropdown-toggle" type="button">
+                  Action
+                </button>
+                <div class="dropdown-menu">
+                  <a :class="{'dropdown-item': true, disabled: file.active || file.success}" href="#" @click.prevent="file.active || file.success ? false :  onEditFileShow(file)">Edit</a>
+                  <a :class="{'dropdown-item': true, disabled: !file.active}" href="#" @click.prevent="file.active ? $refs.upload.update(file, {error: 'cancel'}) : false">Cancel</a>
+
+                  <a class="dropdown-item" href="#" v-if="file.active" @click.prevent="$refs.upload.update(file, {active: false})">Abort</a>
+                  <a class="dropdown-item" href="#" v-else-if="file.error && $refs.upload.features.html5" @click.prevent="$refs.upload.update(file, {active: true, error: '', progress: '0.00'})">Retry upload</a>
+                  <a :class="{'dropdown-item': true, disabled: file.success}" href="#" v-else @click.prevent="file.success ? false : $refs.upload.update(file, {active: true})">Upload</a>
+
+                  <div class="dropdown-divider"></div>
+                  <a class="dropdown-item" href="#" @click.prevent="$refs.upload.remove(file)">Remove</a>
+                </div>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
     <div class="example-foorer">
       <div class="footer-status float-right">
         Drop: {{$refs.upload ? $refs.upload.drop : false}},
@@ -280,7 +281,7 @@
   </div>
 
   <div class="pt-5">
-    Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue</a>
+    Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue">/docs/views/examples/Full.vue</a>
   </div>
 
 </div>
diff --git a/docs/views/examples/Multiple.vue b/docs/views/examples/Multiple.vue
index 3f912af..cdb09e6 100644
--- a/docs/views/examples/Multiple.vue
+++ b/docs/views/examples/Multiple.vue
@@ -70,7 +70,7 @@
       </div>
     </div>
     <div class="pt-5">
-      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue</a>
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue">/docs/views/examples/Multiple.vue</a>
     </div>
   </div>
 </template>
diff --git a/docs/views/examples/Simple.vue b/docs/views/examples/Simple.vue
index c5f515d..8e5db27 100644
--- a/docs/views/examples/Simple.vue
+++ b/docs/views/examples/Simple.vue
@@ -39,7 +39,7 @@
       </div>
     </div>
     <div class="pt-5">
-      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue</a>
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue">/docs/views/examples/Simple.vue</a>
     </div>
   </div>
 </template>
diff --git a/docs/views/examples/Vuex.vue b/docs/views/examples/Vuex.vue
index da575d4..85ef330 100644
--- a/docs/views/examples/Vuex.vue
+++ b/docs/views/examples/Vuex.vue
@@ -38,8 +38,7 @@
       </div>
     </div>
     <div class="pt-5">
-      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue</a><br/>
-      <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js">https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js</a>
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue">/docs/views/examples/Vuex.vue</a>, <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js">/docs/store.js</a>
     </div>
   </div>
 </template>