diff --git a/README.en.md b/README.en.md
index 87434a927..4eec183b5 100644
--- a/README.en.md
+++ b/README.en.md
@@ -137,15 +137,15 @@ export default {
 
 ## Docs
 
-[💡 User guide](https://github.com/xuliangzhan/vxe-table-demo)  
-[👉 View example](https://x-extends.github.io/vxe-table/#/table/base/basic)  
-[👉 View API](https://x-extends.github.io/vxe-table/#/table/api)
+💡 [User guide](https://github.com/xuliangzhan/vxe-table-demo)  
+👉 [View example](https://x-extends.github.io/vxe-table/#/table/base/basic)  
+👉 [View API](https://x-extends.github.io/vxe-table/#/table/api)
 
 ## Support the author
 
 If the open source software is helpful to you, you can scan the QR code below to support us.☕  
 
-[👉 Supports the author💰](https://x-extends.github.io/vxe-table/#/donation/api)  
+👉 [Supports the author💰](https://x-extends.github.io/vxe-table/#/donation/api)  
 
 ## License
 
diff --git a/README.md b/README.md
index 482c03b85..1f121c6da 100644
--- a/README.md
+++ b/README.md
@@ -137,15 +137,15 @@ export default {
 
 ## 文档
 
-[💡 使用指南](https://github.com/xuliangzhan/vxe-table-demo)  
-[👉 查看演示](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic)  
-[👉 查看文档](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api)
+💡 [使用指南](https://github.com/xuliangzhan/vxe-table-demo)  
+👉 [查看演示](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic) [备用地址](https://x-extends.github.io/vxe-table/#/table/base/basic)  
+👉 [查看文档](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api) [备用地址](https://x-extends.github.io/vxe-table/#/table/api)
 
 ## 支持作者
 
 如果该开源软件对您有所帮助，可以扫下方二维码支持我们。☕  
 
-[👉 支持作者💰](https://xuliangzhan_admin.gitee.io/vxe-table/#/donation/api)  
+👉 [支持作者💰](https://xuliangzhan_admin.gitee.io/vxe-table/#/donation/api)  
 
 ## License
 
diff --git a/README.zh-TW.md b/README.zh-TW.md
index 01b8cb17c..d454c840c 100644
--- a/README.zh-TW.md
+++ b/README.zh-TW.md
@@ -137,15 +137,15 @@ export default {
 
 ## 檔案
 
-[💡 使用指南](https://github.com/xuliangzhan/vxe-table-demo)  
-[👉 查看演示](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic)  
-[👉 查看檔案](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api)
+💡 [使用指南](https://github.com/xuliangzhan/vxe-table-demo)  
+👉 [查看演示](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic) [備用地址](https://x-extends.github.io/vxe-table/#/table/base/basic)  
+👉 [查看檔案](https://xuliangzhan_admin.gitee.io/vxe-table/#/table/api) [備用地址](https://x-extends.github.io/vxe-table/#/table/api)
 
 ## 支持作者
 
 如果該開源軟件對您有所幫助，可以掃下方二維碼支持我們。☕  
 
-[👉 支持作者💰](https://xuliangzhan_admin.gitee.io/vxe-table/#/donation/api)  
+👉 [支持作者💰](https://xuliangzhan_admin.gitee.io/vxe-table/#/donation/api)  
 
 ## License
 
diff --git a/examples/App.vue b/examples/App.vue
index 8bbb298f6..c9fa43f40 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -41,14 +41,6 @@
     <div class="page-container">
       <div class="aside" :class="{visible: showLeft}">
         <div class="header">
-          <div class="sponsors" v-if="sponsorList.length">
-            <h4>赞助商</h4>
-            <div v-for="(item, index) in sponsorList" :key="index">
-              <a :href="item.url" :title="item.title" target="_blank">
-                <img :src="item.img" :style="{width: item.width, height: item.height}">
-              </a>
-            </div>
-          </div>
           <div class="version-list">
             <template v-if="stableVersionList.length">
               <span class="title">{{  $t('app.body.label.stableVersion')}}</span>
@@ -62,25 +54,35 @@
           <vxe-input clearable v-model="filterName" type="search" class="search-input" :placeholder="$t('app.body.search.searchPlaceholder')" @keyup="searchEvent" @clear="searchEvent"></vxe-input>
         </div>
         <div class="body">
-          <template v-if="apiList.length">
-            <ul class="nav-menu">
-              <li v-for="(item, index) in apiList" :key="index" :class="{expand: item.expand}">
-                <a class="nav-link" @click="linkEvent(item)" :title="item.disabled ? $t('app.body.other.newFunc') : item.label" :class="{disabled: item.disabled, active: pageKey === item.value}">
-                  <i class="vxe-icon--arrow-right nav-link-icon"></i>
-                  <span v-html="item.label"></span>
-                </a>
-                <ul v-if="item.children" v-show="item.expand" class="nav-child-menu">
-                  <li v-for="(child, cIndex) in item.children" :key="cIndex" :class="{'is-donation': ['Donation'].includes(child.locat.name), 'is-bad': ['TableBadEdit', 'TableBadLineHeight', 'TableBadNonsupport'].includes(child.locat.name)}">
-                    <a class="nav-link disabled" v-if="child.disabled" :title="$t('app.body.other.newFunc')" v-html="child.label"></a>
-                    <router-link v-else class="nav-link" :to="child.locat" :title="child.label" v-html="child.label"></router-link>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </template>
-          <template v-else>
-            <div class="search-nodata">{{ $t('app.body.search.noDataPrefix') }}<span class="keyword-lighten">{{ filterName }}</span>{{ $t('app.body.search.noDataSuffix') }}</div>
-          </template>
+          <div class="sponsors" v-if="sponsorList.length">
+            <h4 class="title">赞助商</h4>
+            <div v-for="(item, index) in sponsorList" :key="index">
+              <a :href="item.url" :title="item.title" target="_blank">
+                <img :src="item.img" :style="{width: item.width, height: item.height}">
+              </a>
+            </div>
+          </div>
+          <div class="docs">
+            <template v-if="apiList.length">
+              <ul class="nav-menu">
+                <li v-for="(item, index) in apiList" :key="index" :class="{expand: item.expand}">
+                  <a class="nav-link" @click="linkEvent(item)" :title="item.disabled ? $t('app.body.other.newFunc') : item.label" :class="{disabled: item.disabled, active: pageKey === item.value}">
+                    <i class="vxe-icon--arrow-right nav-link-icon"></i>
+                    <span v-html="item.label"></span>
+                  </a>
+                  <ul v-if="item.children" v-show="item.expand" class="nav-child-menu">
+                    <li v-for="(child, cIndex) in item.children" :key="cIndex" :class="{'is-donation': ['Donation'].includes(child.locat.name), 'is-bad': ['TableBadEdit', 'TableBadLineHeight', 'TableBadNonsupport'].includes(child.locat.name)}">
+                      <a class="nav-link disabled" v-if="child.disabled" :title="$t('app.body.other.newFunc')" v-html="child.label"></a>
+                      <router-link v-else class="nav-link" :to="child.locat" :title="child.label" v-html="child.label"></router-link>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+            </template>
+            <template v-else>
+              <div class="search-nodata">{{ $t('app.body.search.noDataPrefix') }}<span class="keyword-lighten">{{ filterName }}</span>{{ $t('app.body.search.noDataSuffix') }}</div>
+            </template>
+          </div>
         </div>
       </div>
       <div class="oper-wrapper" v-show="showOperBtn">
diff --git a/examples/assets/style/layout.scss b/examples/assets/style/layout.scss
index 859aecce2..94deec204 100644
--- a/examples/assets/style/layout.scss
+++ b/examples/assets/style/layout.scss
@@ -246,6 +246,9 @@ body,
       padding: 0 0 15px 20px;
       .sponsors {
         margin-bottom: 10px;
+        .title {
+          color: #4f5959;
+        }
       }
     }
     .search-nodata {