diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index b577f568..1491e400 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -335,7 +335,11 @@ const btnSelectClick = (val: any) => {
             </el-button>
           </div>
 
-          <div v-if="!loading" class="preview-or-schema">
+          <div
+            v-if="!loading"
+            class="preview-or-schema"
+            :class="btnSelect === 'q' && 'overflow-preview'"
+          >
             <div v-if="btnSelect === 'd'" class="table-content_preview">
               <el-table :data="fieldListComputed" style="width: 100%">
                 <el-table-column
@@ -642,6 +646,10 @@ const btnSelectClick = (val: any) => {
           margin-top: 16px;
           height: calc(100% - 50px);
 
+          &.overflow-preview {
+            overflow-y: auto;
+          }
+
           .table-content_preview {
             max-height: calc(100% - 50px);
             overflow-y: auto;