update: 完善table分页

src/pages/audit/table/index.vue

@@ -72,6 +72,18 @@ const data = [
       :columns="columns"
       :data="data"
       :bordered="false"
+      remote
+      :pagination="{
+        itemCount: 100,
+        pageSizes: [10,20,30,40,50],
+        pageSize: 10,
+        page: 2,
+        showQuickJumper: true,
+        showSizePicker: true,
+        prefix({itemCount}){
+          return `共${itemCount}条数据`
+        }
+      }"
     />
   </NCard>
 

src/styles/global.css

@@ -37,3 +37,11 @@ img {
 .table-content {
   margin-top: var(--content-padding);
 }
+
+.table-content .n-pagination {
+  width: 100%;
+
+  & .n-pagination-prefix {
+    margin-right: auto;
+  }
+}