diff --git a/src/pages/compositeCompLibrary/compGrid.tsx b/src/pages/compositeCompLibrary/compGrid.tsx
index c3629c9..4bebc0c 100644
--- a/src/pages/compositeCompLibrary/compGrid.tsx
+++ b/src/pages/compositeCompLibrary/compGrid.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import styles from './style/compGrid.module.less';
 import CompNode from './compNode';
 import { complexData } from './test/tempData';
-import { Input, Grid } from '@arco-design/web-react';
+import { Input, Grid, Pagination } from '@arco-design/web-react';
 
 const InputSearch = Input.Search;
 const Row = Grid.Row;
@@ -44,6 +44,9 @@ const CompGrid: React.FC<CompGridProps> = ({ componentType }) => {
             );
           })}
         </Row>
+        <div className={styles['comp-grid-footer']}>
+          <Pagination total={200} />
+        </div>
       </div>
     </>
   );
diff --git a/src/pages/compositeCompLibrary/style/compGrid.module.less b/src/pages/compositeCompLibrary/style/compGrid.module.less
index 6f73e38..052bca9 100644
--- a/src/pages/compositeCompLibrary/style/compGrid.module.less
+++ b/src/pages/compositeCompLibrary/style/compGrid.module.less
@@ -1,3 +1,7 @@
 .comp-grid-container {
-
+  .comp-grid-footer {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+  }
 }
\ No newline at end of file