fix(tables): scroll to top on activated

GreptimeTeam · Mar 6, 2024 · 25651c5 · 25651c5
1 parent dc4515a
commit 25651c5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/views/dashboard/modules/table-list.vue b/src/views/dashboard/modules/table-list.vue
@@ -70,6 +70,10 @@ a-spin(style="width: 100%" :loading="tablesLoading")
   const treeRef = ref()
   const expandedKeys = ref<number[]>()
 
+  onActivated(() => {
+    treeRef.value?.scrollIntoView({ top: 0 })
+  })
+
   const refreshTables = () => {
     tablesSearchKey.value = ''
     getTables()

diff --git a/src/views/dashboard/modules/table-manager.vue b/src/views/dashboard/modules/table-manager.vue
@@ -3,7 +3,12 @@ a-card.table-manager(:bordered="false")
   template(#title)
     a-space(:size="10")
       | Tables
-      a-button(type="outline" size="small" @click="refreshTables" :loading="totalTablesLoading")
+      a-button(
+        type="outline"
+        size="small"
+        :loading="totalTablesLoading"
+        @click="refreshTables"
+      )
         template(#icon)
           svg.icon.brand-color
             use(href="#refresh")
@@ -172,6 +177,10 @@ a-card.table-manager(:bordered="false")
 
   const expandedKeys = ref<number[]>()
 
+  onActivated(() => {
+    tablesTreeRef.value?.scrollIntoView({ top: 0 })
+  })
+
   const expandChildren = (event: Event, nodeData: TableTreeParent, type: 'details' | 'columns') => {
     if (nodeData[type].length && type !== nodeData.childrenType && expandedKeys.value?.includes(nodeData.key)) {
       event.stopPropagation()