diff --git a/demo/components/advanceTableDemo.vue b/demo/components/advanceTableDemo.vue
index b6095b15d..738b074d7 100644
--- a/demo/components/advanceTableDemo.vue
+++ b/demo/components/advanceTableDemo.vue
@@ -571,7 +571,14 @@ export default {
             :on-change="onChange"
             :search="search"
             :pagination="{ total: data.length, limit: 10 }"
-          />
+          >
+            <div slot="table-operation">
+              custom
+            </div>
+            <div slot="table-operation-search-right">
+              right custom
+            </div>
+          </n-advance-table>
         </div>
         <div class="n-doc-section__source">
           <textarea>
@@ -804,7 +811,19 @@ export default {
           }, {
             label: '15',
             value: 15
-          }],
+          }, {
+            label: '16',
+            value: 16
+          }, {
+            label: '17',
+            value: 17
+          }, {
+            label: '18',
+            value: 18
+          }, {
+            label: '19',
+            value: 19
+          } ],
           onFilter: (value, record) => {
             return value.includes(record.age)
             // switch (value) {
diff --git a/demo/debugComponents/scrollbarDebug/scaffold.demo.vue b/demo/debugComponents/scrollbarDebug/case1.demo.vue
similarity index 98%
rename from demo/debugComponents/scrollbarDebug/scaffold.demo.vue
rename to demo/debugComponents/scrollbarDebug/case1.demo.vue
index a7320ae0c..c9059adf9 100644
--- a/demo/debugComponents/scrollbarDebug/scaffold.demo.vue
+++ b/demo/debugComponents/scrollbarDebug/case1.demo.vue
@@ -9,7 +9,7 @@
     >
       <!--EXAMPLE_START-->
       <div style="width: 400px; height: 300px;">
-        <n-scrollbar>
+        <n-scrollbar style="max-height: 200px;">
           <div style="background: linear-gradient(red, blue); width: 800px; height: 500px;">
             666
           </div>
diff --git a/demo/debugComponents/scrollbarDebug/index.vue b/demo/debugComponents/scrollbarDebug/index.vue
index 6a8482475..a9361fc68 100644
--- a/demo/debugComponents/scrollbarDebug/index.vue
+++ b/demo/debugComponents/scrollbarDebug/index.vue
@@ -9,17 +9,17 @@
       </n-gradient-text>
     </div>
     <div class="n-doc-body">
-      <scaffold />
+      <case1 />
     </div>
   </div>
 </template>
 
 <script>
-import scaffold from './scaffold.demo.vue'
+import case1 from './case1.demo.vue'
 
 export default {
   components: {
-    scaffold
+    case1
   },
   data () {
     return {
diff --git a/demo/debugComponents/scrollbarDebug2/case2.demo.vue b/demo/debugComponents/scrollbarDebug2/case2.demo.vue
new file mode 100644
index 000000000..f9c2d186c
--- /dev/null
+++ b/demo/debugComponents/scrollbarDebug2/case2.demo.vue
@@ -0,0 +1,1610 @@
+<template>
+  <div
+    data-v-537978fe=""
+    class="n-advance-tabel__wrapper guardian-table"
+    data-v-50a4469c=""
+  >
+    <div class="n-advance-table__operation">
+      <section class="n-advance-table__operation__bacth" /><div class="n-advance-table__operation__custom" /><!---->
+    </div><div
+      data-v-770eb43a=""
+      class="n-table"
+      style="padding: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%;"
+    >
+      <table data-v-770eb43a="">
+        <colgroup data-v-770eb43a="">
+          <col
+            data-v-770eb43a=""
+            style="width: 290px; padding-right: 5px; min-width: 290px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 300px; padding-right: 5px; min-width: 300px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 120px; padding-right: 5px; min-width: 120px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 80px; padding-right: 5px; min-width: 80px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 100px; padding-right: 5px; min-width: 100px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 380px; padding-right: 5px; min-width: 380px;"
+          ><col
+            data-v-770eb43a=""
+            width="5"
+          >
+        </colgroup><thead data-v-770eb43a="">
+          <tr data-v-e063b074="">
+            <th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+            >
+              ID
+              <!---->
+
+              <!---->
+            </th><th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+            >
+              Name
+              <!---->
+
+              <!---->
+            </th><th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+            >
+              Time
+              <span
+                data-v-d4850fa2=""
+                class="ts-sort-container"
+                data-v-85b770e0=""
+              ><i
+                data-v-d4850fa2=""
+                class="n-icon ion-md-arrow-dropdown"
+                style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
+              /><i
+                data-v-d4850fa2=""
+                class="n-icon ion-md-arrow-dropup"
+                style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
+              /></span>
+
+              <!---->
+            </th><th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+            >
+              Priority
+              <span
+                data-v-d4850fa2=""
+                class="ts-sort-container"
+                data-v-85b770e0=""
+              ><i
+                data-v-d4850fa2=""
+                class="n-icon ion-md-arrow-dropdown"
+                style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
+              /><i
+                data-v-d4850fa2=""
+                class="n-icon ion-md-arrow-dropup"
+                style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
+              /></span>
+
+              <!---->
+            </th><th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              Assignee
+              <!---->
+
+              <!---->
+            </th><th
+              data-v-85b770e0=""
+              data-v-e063b074=""
+            >
+              Description
+              <!---->
+
+              <!---->
+            </th><span
+              data-v-e063b074=""
+              rowspan="1"
+              style="padding-left: 5px; visibility: hidden;"
+            />
+          </tr>
+        </thead>
+      </table>
+    </div><div
+      data-v-770eb43a=""
+      class="n-table"
+      style="border-top-left-radius: 0px; border-top-right-radius: 0px; overflow: auto; width: 100%; max-height: 300px; min-height: 300px;"
+    >
+      <table data-v-770eb43a="">
+        <colgroup data-v-770eb43a="">
+          <col
+            data-v-770eb43a=""
+            style="width: 290px; padding-right: 5px; min-width: 290px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 300px; padding-right: 5px; min-width: 300px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 120px; padding-right: 5px; min-width: 120px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 80px; padding-right: 5px; min-width: 80px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 100px; padding-right: 5px; min-width: 100px;"
+          ><col
+            data-v-770eb43a=""
+            style="width: 380px; padding-right: 5px; min-width: 380px;"
+          >
+        </colgroup><tbody data-v-770eb43a="">
+          <tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test0
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:46:40
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test1
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:28:16
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test2
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:21:41
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test3
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:39:41
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test4
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:08:57
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test5
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:14:27
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test6
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:44:43
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test7
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:25:25
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test8
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:12:05
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test9
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:38:27
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test10
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:15:52
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test11
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:15:05
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test12
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:28:51
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test13
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:02:34
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test14
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:32:36
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test15
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 14:34:16
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test16
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:25:47
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test17
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:14:17
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test18
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:02:17
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><tr data-v-e063b074="">
+            <td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                test19
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                BJ-XXX
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <p data-v-35ad2114="">
+                  19/08/07 15:48:21
+                </p>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <span data-v-35ad2114="">P0</span>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class="n-advanced-table__td-text-ellipsis"
+              data-v-e063b074=""
+              style="text-align: center;"
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Zheyu Zhang
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td><td
+              data-v-35ad2114=""
+              class=""
+              data-v-e063b074=""
+            >
+              <div data-v-35ad2114="">
+                <div
+                  class="n-popover n-tooltip"
+                  data-v-35ad2114=""
+                >
+                  <div class="n-popover__activator">
+                    <div class="text-overflow">
+                      Memory usage is 83.37%, note: this could be a long description
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </td>
+          </tr><!---->
+        </tbody>
+      </table>
+    </div><div class="n-advanced-table__pagination">
+      <div class="n-pagination">
+        <div class="n-pagination__item n-pagination__item--backward n-pagination__item--disabled">
+          <i class="n-icon ion-ios-arrow-back" />
+        </div><div class="n-pagination__item n-pagination__item--active">
+          <div class="n-pagination-item__label">
+            1
+          </div><!----><!---->
+        </div><div class="n-pagination__item">
+          <div class="n-pagination-item__label">
+            2
+          </div><!----><!---->
+        </div><div class="n-pagination__item n-pagination__item--forward">
+          <i class="n-icon ion-ios-arrow-forward" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+.text {
+  background-color: red;
+  width: 100%;
+}
+
+.container {
+  height: 100px;
+  position: absolute;
+  left: 100px;
+  right: 100px;
+  top: 0;
+}
+</style>
diff --git a/demo/debugComponents/scrollbarDebug2/index.vue b/demo/debugComponents/scrollbarDebug2/index.vue
new file mode 100644
index 000000000..aea1cabc1
--- /dev/null
+++ b/demo/debugComponents/scrollbarDebug2/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <div style="height: 10px; width: 100%; background-color: red; min-width: 1000px;" />
+    <case2 />
+  </div>
+</template>
+
+<script>
+import case2 from './case2.demo.vue'
+
+export default {
+  components: {
+    case2
+  },
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+  }
+}
+</script>
diff --git a/demo/demo.vue b/demo/demo.vue
index ea5d59403..0301eb35b 100644
--- a/demo/demo.vue
+++ b/demo/demo.vue
@@ -195,6 +195,10 @@ export default {
             {
               name: 'ScrollbarDebug',
               path: '/n-scrollbar-debug'
+            },
+            {
+              name: 'ScrollbarDebug2',
+              path: '/n-scrollbar-debug2'
             }
           ]
         }
diff --git a/demo/index.js b/demo/index.js
index 5f3ee6a59..594134e5b 100644
--- a/demo/index.js
+++ b/demo/index.js
@@ -34,6 +34,7 @@ import timePickerDemo from './components/timePickerDemo'
 import confirmDemo from './components/confirmDemo'
 
 import scrollbarDebug from './debugComponents/scrollbarDebug'
+import scrollbarDebug2 from './debugComponents/scrollbarDebug2'
 import badgeDemo from './components/badgeDemo'
 import stepsDemo from './components/stepsDemo'
 import notificationDemo from './components/notificationDemo'
@@ -107,7 +108,9 @@ const routes = [
       { path: '/n-collapse', component: collapseDemo },
       { path: '/n-progress', component: progressDemo },
       { path: '/n-tag', component: tagDemo },
-      { path: '/n-timeline', component: timelineDemo }
+      { path: '/n-timeline', component: timelineDemo },
+      { path: '/n-scrollbar-debug2', component: scrollbarDebug2 }
+
     ]
   },
   {
diff --git a/package.json b/package.json
index f31953719..b1a09640c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "0.2.81",
+  "version": "0.2.82",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/packages/common/AdvanceTable/filterDropDown/index.vue b/packages/common/AdvanceTable/filterDropDown/index.vue
index a7a920577..021eddcf9 100644
--- a/packages/common/AdvanceTable/filterDropDown/index.vue
+++ b/packages/common/AdvanceTable/filterDropDown/index.vue
@@ -1,6 +1,9 @@
 <template>
   <filterIcon :status="filterStatus">
-    <ul class="n-table-filter-item">
+    <!-- <n-scrollbar> -->
+    <ul
+      class="n-table-filter-item"
+    >
       <li
         v-for="(item, idx) in items"
         :key="item.value"
@@ -15,6 +18,7 @@
         />
       </li>
     </ul>
+    <!-- </n-scrollbar> -->
   </filterIcon>
 </template>
 
@@ -27,6 +31,10 @@ export default {
     filterIcon
   },
   props: {
+    maxHeight: {
+      type: [String, Number],
+      default: 27 * 3
+    },
     filterItems: {
       type: Array,
       default: () => []
@@ -56,6 +64,14 @@ export default {
     }
   },
   computed: {
+    dropDownContent () {
+      let stl = {}
+      if (this.maxHeight !== 'unset') {
+        let maxHeight = typeof this.maxHeight === 'string' ? this.maxHeight : this.maxHeight + 'px'
+        stl.maxHeight = maxHeight
+      }
+      return stl
+    },
     filterStatus () {
       return !!this.emitData
     },
@@ -144,12 +160,38 @@ export default {
   }
 }
 </script>
+<style lang="scss" scoped>
+// .n-table-filter-item {
+
+//   &::-webkit-scrollbar {
+//     width: 5px;
+//   }
+//   &::-webkit-scrollbar-track {
+//     background: transparent;
+//   }
+//   &::-webkit-scrollbar-thumb {
+//     background: rgba(255, 255, 255, 0.2);
+//     border-radius: 2.5px;
+//   }
+//   &::-webkit-scrollbar-thumb:hover {
+//     background: rgba(255, 255, 255, 0.3);
+//   }
+//   &::-webkit-scrollbar-corner {
+//     background: transparent;
+//   }
+//   &::-webkit-scrollbar:horizontal {
+//     height: 5px;
+//   }
+// }
+</style>
 
 <style scoped>
+
 .n-table-filter-item {
   margin: 0;
   padding: 0;
   border-radius: 6px;
+  /* overflow-y: scroll; */
 }
 .n-table-filter-item li:first-of-type {
   border-top-left-radius: 6px;
diff --git a/packages/common/AdvanceTable/src/main.vue b/packages/common/AdvanceTable/src/main.vue
index 0a7e2e4db..08f1106a3 100644
--- a/packages/common/AdvanceTable/src/main.vue
+++ b/packages/common/AdvanceTable/src/main.vue
@@ -4,20 +4,27 @@
     class="n-advance-tabel__wrapper"
   >
     <div class="n-advance-table__operation">
-      <section class="n-advance-table__operation__bacth" />
-      <div class="n-advance-table__operation__custom">
-        <slot name="table-operation" />
+      <div class="n-advance-table__operation__left">
+        <slot name="table-operation-batch-left" />
+        <section class="n-advance-table__operation__bacth" />
+        <slot name="table-operation-batch-right" />
       </div>
       <div
-        v-if="search"
-        class="n-advance-table__operation__search"
+        class="n-advance-table__operation__right"
+        :style="search?'margin-bottom: 18px;':''"
       >
-        <searchInput
-          ref="search"
-          style=" margin-bottom: 18px;"
-          :options="search"
-          @on-change="handleSearch"
-        />
+        <slot name="table-operation" />
+        <div
+          v-if="search"
+          class="n-advance-table__operation__search"
+        >
+          <searchInput
+            ref="search"
+            :options="search"
+            @on-change="handleSearch"
+          />
+        </div>
+        <slot name="table-operation-search-right" />
       </div>
     </div>
     <n-table
@@ -65,6 +72,7 @@
             <filterDropDown
               v-if="column.filterItems && !column.filterDropdown"
               :ref="'filterDropDown_' + (column.key || i)"
+              :max-height="column.filterDropDownMaxHeight"
               :filter-fn="column.onFilter"
               :filter-key="column.key || i"
               :filter-items="column.filterItems"
diff --git a/packages/common/Scrollbar/src/main.vue b/packages/common/Scrollbar/src/main.vue
index c7c07db8e..44bd1855f 100644
--- a/packages/common/Scrollbar/src/main.vue
+++ b/packages/common/Scrollbar/src/main.vue
@@ -1,9 +1,6 @@
 <template>
   <div
     class="n-scrollbar"
-    :style="maxHeight === null ? {} : {
-      maxHeight: maxHeight + 'px'
-    }"
     @mouseenter="enterScrollWrapper"
     @mouseleave="leaveScrollWrapper"
     @dragstart.capture="handleDragStart"
@@ -11,9 +8,6 @@
     <div
       ref="scrollContainer"
       class="n-scrollbar-container"
-      :style="maxHeight === null ? {} : {
-        maxHeight: maxHeight + 'px'
-      }"
       @scroll="handleScroll"
     >
       <div
@@ -54,7 +48,8 @@
           :style="{
             height: scrollbarSize,
             width: horizontalScrollbarWidthPx,
-            left: horizontalScrollbarLeftPx
+            left: horizontalScrollbarLeftPx,
+            borderRadius: scrollbarBorderRadius
           }"
           @mousedown="handleHorizontalScrollMouseDown"
           @mouseup="handleHorizontalScrollMouseUp"
@@ -77,10 +72,6 @@ export default {
     duration: {
       type: Number,
       default: 0
-    },
-    maxHeight: {
-      type: Number,
-      default: null
     }
   },
   data () {
diff --git a/packages/nimbus/ServiceLayout/src/main.vue b/packages/nimbus/ServiceLayout/src/main.vue
index 30af65def..1ba67792f 100644
--- a/packages/nimbus/ServiceLayout/src/main.vue
+++ b/packages/nimbus/ServiceLayout/src/main.vue
@@ -40,7 +40,7 @@
             <div
               v-if="!item.childItems"
               class="n-nimbus-service-layout-drawer__item"
-              :class="{ 'n-nimbus-service-layout-drawer__item--active': activeItemName === item.name }"
+              :class="{ 'n-nimbus-service-layout-drawer__item--active': activeItemPath === item.path }"
               @click="makeActive(item)"
             >
               <div class="n-nimbus-service-layout-drawer-item__icon" />
@@ -52,7 +52,7 @@
               <div
                 class="n-nimbus-service-layout-drawer__item n-nimbus-service-layout-drawer__item--is-group-header"
                 :class="{
-                  'n-nimbus-service-layout-drawer__item--group-item-is-choosed': !!(1 + item.childItems.findIndex(item => item.name === activeItemName)),
+                  'n-nimbus-service-layout-drawer__item--group-item-is-choosed': !!(1 + item.childItems.findIndex(item => item.name === activeItemPath)),
                   'n-nimbus-service-layout-drawer__item--collapsed': item.isCollapsed
                 }"
                 @click="toggleGroupHeaderCollapse(item.name)"
@@ -74,7 +74,7 @@
                     v-for="childItem in item.childItems"
                     :key="childItem.name"
                     class="n-nimbus-service-layout-drawer__item n-nimbus-service-layout-drawer__item--is-group-item"
-                    :class="{ 'n-nimbus-service-layout-drawer__item--active': activeItemName === childItem.name }"
+                    :class="{ 'n-nimbus-service-layout-drawer__item--active': activeItemPath === childItem.path }"
                     @click="makeActive(childItem)"
                   >
                     <span>{{ childItem.name }}</span>
@@ -124,7 +124,7 @@ export default {
   data () {
     return {
       isCollapsed: false,
-      activeItemName: '',
+      activeItemPath: null,
       itemsWithCollapseStatus: this.items.map(item => ({
         ...item,
         isCollapsed: false
@@ -150,13 +150,13 @@ export default {
     syncActiveItemWithPath (path) {
       for (const item of this.items) {
         if (item.path === path) {
-          this.activeItemName = item.name
+          this.activeItemPath = item.path
           return
         }
         if (item.childItems) {
           for (const childItem of item.childItems) {
             if (childItem.path === path) {
-              this.activeItemName = childItem.name
+              this.activeItemPath = childItem.path
               return
             }
           }
@@ -167,7 +167,7 @@ export default {
       this.isCollapsed = !this.isCollapsed
     },
     makeActive (item) {
-      this.activeItemName = item.name
+      this.activeItemPath = item.path
       this.$emit('input', item.name)
       if (this.$router) {
         this.$router.push(item.path)
diff --git a/styles/AdvancedTable.scss b/styles/AdvancedTable.scss
index 44c35414d..a7c0637da 100644
--- a/styles/AdvancedTable.scss
+++ b/styles/AdvancedTable.scss
@@ -63,7 +63,11 @@
   }
   .n-advance-table__operation {
     display: flex;
-    justify-content: space-between;
+    justify-content:space-between;
+  }
+  .n-advance-table__operation__right {
+    display: flex;
+    align-items: center;
   }
   .n-no-data-tip {
     padding: 5px;
diff --git a/styles/Scrollbar.scss b/styles/Scrollbar.scss
index 9a701e11d..7f04a7e89 100644
--- a/styles/Scrollbar.scss
+++ b/styles/Scrollbar.scss
@@ -44,6 +44,7 @@
   width: 100%;
   overflow: scroll;
   height: 100%;
+  max-height: inherit;
   scrollbar-width: none;
   &::-webkit-scrollbar {
     width: 0;