diff --git a/src/pages/demo/business/table/1/componnets/PageFooter/index.vue b/src/pages/demo/business/table/1/componnets/PageFooter/index.vue
index dcead51f..9fa48b6e 100644
--- a/src/pages/demo/business/table/1/componnets/PageFooter/index.vue
+++ b/src/pages/demo/business/table/1/componnets/PageFooter/index.vue
@@ -1,5 +1,34 @@
 <template>
-  <div>
-    footer
-  </div>
+  <el-pagination
+    :current-page="page.current"
+    :page-size="page.size"
+    :total="page.total"
+    :page-sizes="[100, 200, 300, 400]"
+    layout="total, sizes, prev, pager, next, jumper"
+    style="margin: -10px;"
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange">
+  </el-pagination>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      page: {
+        current: 1,
+        size: 100,
+        total: 400
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+    }
+  }
+}
+</script>
diff --git a/src/pages/demo/business/table/1/componnets/PageMain/index.vue b/src/pages/demo/business/table/1/componnets/PageMain/index.vue
index e37434be..c874ddbb 100644
--- a/src/pages/demo/business/table/1/componnets/PageMain/index.vue
+++ b/src/pages/demo/business/table/1/componnets/PageMain/index.vue
@@ -21,7 +21,7 @@
       </template>
     </el-table-column>
 
-    <el-table-column label="状态" width="260" align="center">
+    <el-table-column label="状态" width="60" align="center">
       <template slot-scope="scope">
         <el-popover
           placement="left"