diff --git a/docs/template/index-tree.vue.vm b/docs/template/index-tree.vue.vm
index 0ab2b7b7..0ad06679 100644
--- a/docs/template/index-tree.vue.vm
+++ b/docs/template/index-tree.vue.vm
@@ -1,3 +1,4 @@
+#set($scrollX = $columns.size() * 120 + 242)
 <script setup lang="tsx">
 import { NDivider } from 'naive-ui';
 import { jsonClone } from '@sa/utils';
@@ -207,7 +208,7 @@ function handleExport() {
         size="small"
         :indent="32"
         :flex-height="!appStore.isMobile"
-        :scroll-x="962"
+        :scroll-x="$scrollX"
         :loading="loading"
         remote
         :row-key="row => row.#foreach($column in $columns)#if($column.isPk == '1')$column.javaField#end#end"
diff --git a/docs/template/index.vue.vm b/docs/template/index.vue.vm
index 4a4d0052..a8b7cb5e 100644
--- a/docs/template/index.vue.vm
+++ b/docs/template/index.vue.vm
@@ -1,3 +1,4 @@
+#set($scrollX = $columns.size() * 120 + 242)
 <script setup lang="tsx">
 import { NDivider } from 'naive-ui';
 import { fetchBatchDelete${BusinessName}, fetchGet${BusinessName}List } from '@/service/api/${moduleName}/${businessName}';
@@ -170,7 +171,7 @@ function handleExport() {
         :data="data"
         size="small"
         :flex-height="!appStore.isMobile"
-        :scroll-x="962"
+        :scroll-x="$scrollX"
         :loading="loading"
         remote
         :row-key="row => row.#foreach($column in $columns)#if($column.isPk == '1')$column.javaField#end#end"