diff --git a/components/prose/GridTable.global.vue b/components/prose/GridTable.global.vue
new file mode 100644
index 0000000000000000000000000000000000000000..d0f59d7e0bb6df50bf0b833105db6b98660dbc59
--- /dev/null
+++ b/components/prose/GridTable.global.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <UTable :rows="data" />
+    </div>
+</template>
+<script setup>
+defineProps({
+    data: {
+        type: Array,
+        default: () => []
+    }
+})
+</script>
\ No newline at end of file
diff --git a/pages/mdc.vue b/pages/mdc.vue
index 4c6bbba35be208bbdce308479a4d914252d9cd25..5e1e8f19bc5e6c2671698b2d03c4447185563308 100644
--- a/pages/mdc.vue
+++ b/pages/mdc.vue
@@ -1,10 +1,15 @@
 <template>
     <div class="w-full p-6">
-        <IMdMdc :content="mdStr"/>
+        <IMdMdc :content="lineChart"/>
+        <UDivider />
+        <IMdMdc :content="tableChart"/>
     </div>
 </template>
 <script setup>
-const mdStr = `
+const lineChart = `
 ::ProseChart{type='line' title='langchain-ai/langchain [2023-06-05,2024-06-04] Star Data' :labels='["2023-06-05","2023-06-12"]' :data='[{"label": "star数量", "data": [43071,44946]}]' }
 `
+const tableChart = `
+::ProseGridTable{:data='[{"repo_id":"806709826","repo_name":"2noise/ChatTTS","primary_language":"Jupyter Notebook","description":"ChatTTS is a generative speech model for daily dialogue.","stars":"1451","forks":"167","pull_requests":"3","pushes":"","total_score":"6000.5405","contributor_logins":"zhouhao27,Huixxi,Thinking80s,bank010,lphkxd","collection_names":""}]'}
+`
 </script>
\ No newline at end of file