diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 920e4a80b5..c572700888 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -31,6 +31,9 @@ import {
import MdiView from '~icons/mdi/eye-circle-outline'
import MdiTableLarge from '~icons/mdi/table-large'
+
+const emit = defineEmits(['clickedTableLink'])
+
const { isMobileMode } = useGlobal()
const { addTab, updateTab } = useTabs()
@@ -168,6 +171,7 @@ const reloadTables = async () => {
}
const addTableTab = (table: TableType) => {
+ emit('clickedTableLink')
addTab({ title: table.title, id: table.id, type: table.type as TabType })
}
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
index 70018f6a17..fe70bcd7c0 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index.vue
@@ -202,6 +202,12 @@ onMounted(() => {
toggleHasSidebar(true)
})
+const onClickedTableLink = () => {
+ if (isMobileMode) {
+ showViewsMobileSidebar.value = true
+ }
+}
+
onBeforeUnmount(reset)
function openKeyboardShortcutDialog() {
@@ -598,7 +604,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
-
+