diff --git a/package.json b/package.json
index 370008be..f8c03140 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ray-template",
   "private": true,
-  "version": "3.0.0",
+  "version": "3.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/views/table/index.tsx b/src/views/table/index.tsx
index 845cd16e..18868192 100644
--- a/src/views/table/index.tsx
+++ b/src/views/table/index.tsx
@@ -156,58 +156,66 @@ const TableView = defineComponent({
           </p>
           <p>该组件可以配合 RayCollapseGird 组件使用实现可折叠搜索栏</p>
         </NCard>
-        <NSpace vertical>
-          <NSpace style={['margin-top: 18px']}>
-            该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于 NGridItem
-            组件进行二次封装, 所以使用时必须配合 NGirdItem
-            使用才能实现示例效果(使用 NGirdItem 包裹元素即可).
-          </NSpace>
-          <NSpace style={['margin-top: 18px']}>
-            <NSpace align="center">
-              数量 <NInputNumber v-model:value={this.gridItemCount} />
-            </NSpace>
-            <NSpace align="center">
-              行数 <NInputNumber v-model:value={this.gridCollapsedRows} />
-            </NSpace>
-          </NSpace>
-          <RayCollapseGrid
-            collapsedRows={this.gridCollapsedRows}
-            cols={this.gridItemCount}
-            onUpdateValue={(value: boolean) =>
-              window.$message.info(
-                `我是 RayCollapseGrid 组件${value ? '收起' : '展开'}的回调函数`,
-              )
-            }
-          >
-            {{
-              action: () => (
-                <>
-                  <NButton>搜索</NButton>
-                  <NButton>重置</NButton>
-                </>
-              ),
-              default: () => (
-                <>
-                  <NGridItem>
-                    <NSelect />
-                  </NGridItem>
-                  <NGridItem>
-                    <NInput />
-                  </NGridItem>
-                  <NGridItem>
-                    <NDatePicker type="datetimerange" clearable />
-                  </NGridItem>
-                  <NGridItem>
-                    <NInput />
-                  </NGridItem>
-                  <NGridItem>
-                    <NInput />
-                  </NGridItem>
-                </>
-              ),
-            }}
-          </RayCollapseGrid>
-        </NSpace>
+        <NCard style={['margin-top: 18px']}>
+          {{
+            default: () => (
+              <NSpace vertical>
+                <NSpace style={['margin-top: 18px']}>
+                  该组件基于 NGird 实现, 但是由于 css grid 限制, 不能对于
+                  NGridItem 组件进行二次封装, 所以使用时必须配合 NGridItem
+                  使用才能实现示例效果(使用 NGridItem 包裹元素即可).
+                </NSpace>
+                <NSpace style={['margin-top: 18px']}>
+                  <NSpace align="center">
+                    数量 <NInputNumber v-model:value={this.gridItemCount} />
+                  </NSpace>
+                  <NSpace align="center">
+                    行数 <NInputNumber v-model:value={this.gridCollapsedRows} />
+                  </NSpace>
+                </NSpace>
+                <RayCollapseGrid
+                  collapsedRows={this.gridCollapsedRows}
+                  cols={this.gridItemCount}
+                  onUpdateValue={(value: boolean) =>
+                    window.$message.info(
+                      `我是 RayCollapseGrid 组件${
+                        value ? '收起' : '展开'
+                      }的回调函数`,
+                    )
+                  }
+                >
+                  {{
+                    action: () => (
+                      <>
+                        <NButton>搜索</NButton>
+                        <NButton>重置</NButton>
+                      </>
+                    ),
+                    default: () => (
+                      <>
+                        <NGridItem>
+                          <NSelect />
+                        </NGridItem>
+                        <NGridItem>
+                          <NInput />
+                        </NGridItem>
+                        <NGridItem>
+                          <NDatePicker type="datetimerange" clearable />
+                        </NGridItem>
+                        <NGridItem>
+                          <NInput />
+                        </NGridItem>
+                        <NGridItem>
+                          <NInput />
+                        </NGridItem>
+                      </>
+                    ),
+                  }}
+                </RayCollapseGrid>
+              </NSpace>
+            ),
+          }}
+        </NCard>
         <NCard title="基础使用" style={['margin-top: 18px']}>
           <RayTable
             title="基础表格"