fix(projects): fix table x-scroll. fixed #324

soybeanjs · Feb 23, 2024 · c7e2c55 · c7e2c55
1 parent 0a3efe3
commit c7e2c55
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/views/manage/menu/index.vue b/src/views/manage/menu/index.vue
@@ -14,6 +14,8 @@ import MenuOperateDrawer, { type OperateType } from './modules/menu-operate-draw
 const appStore = useAppStore();
 const { bool: drawerVisible, setTrue: openDrawer } = useBoolean();
 
+const wrapperRef = ref<HTMLElement | null>(null);
+
 const { columns, filteredColumns, data, loading, pagination, getData } = useTable<
   Api.SystemManage.Menu,
   typeof fetchGetMenuList,
@@ -224,7 +226,7 @@ async function handleDelete(id: number) {
 </script>
 
 <template>
-  <div class="flex-vertical-stretch gap-16px overflow-hidden <sm:overflow-auto">
+  <div ref="wrapperRef" class="flex-vertical-stretch gap-16px overflow-hidden <sm:overflow-auto">
     <NCard :title="$t('page.manage.menu.title')" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
       <template #header-extra>
         <TableHeaderOperation
@@ -242,7 +244,7 @@ async function handleDelete(id: number) {
         :data="data"
         size="small"
         :flex-height="!appStore.isMobile"
-        :scroll-x="640"
+        :scroll-x="1088"
         :loading="loading"
         :pagination="pagination"
         :row-key="item => item.id"

diff --git a/src/views/manage/role/index.vue b/src/views/manage/role/index.vue
@@ -177,7 +177,7 @@ function getIndex(index: number) {
         :data="data"
         size="small"
         :flex-height="!appStore.isMobile"
-        :scroll-x="640"
+        :scroll-x="702"
         :loading="loading"
         :pagination="pagination"
         :row-key="item => item.id"

diff --git a/src/views/manage/user/index.vue b/src/views/manage/user/index.vue
@@ -207,7 +207,7 @@ function getIndex(index: number) {
         :data="data"
         size="small"
         :flex-height="!appStore.isMobile"
-        :scroll-x="640"
+        :scroll-x="962"
         :loading="loading"
         :pagination="pagination"
         :row-key="item => item.id"