feat: update

src/app/ControlPage/cleftbar/cleftbar.component.ts

@@ -127,9 +127,9 @@ export class CleftbarComponent implements OnInit {
           }
         }
       }
-    }
-    if (!tag) {
-      this._layer.alert('Maybe you do not have permission on that host');
+      if (!tag) {
+        this._layer.alert('Maybe you do not have permission on that host');
+      }
     }
     DataStore.autologin = true;
   }

src/app/elements/table/table.component.html

@@ -17,4 +17,8 @@
     [scrollbarV]="config.scrollbarV"
     [scrollbarH]="config.scrollbarH"
   ></ngx-datatable>
+  <mat-paginator #paginator
+                 [pageSize]="config.pageSize"
+                 [pageSizeOptions]="config.pageSizeOptions">
+  </mat-paginator>
 </div>

src/app/elements/table/table.component.scss

@@ -3,3 +3,7 @@ input {
   margin: 15px auto;
   width: 30%;
 }
+
+.material {
+  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.2);
+}

src/app/elements/table/table.component.ts

@@ -10,6 +10,8 @@ export let Config: {
   headerHeight: number,
   limit: number,
   columnMode: string,
+  pageSize: number,
+  pageSizeOptions: Array<number>,
 } = {
   search: false,
   scrollbarV: false,
@@ -19,6 +21,8 @@ export let Config: {
   headerHeight: 50,
   limit: 10,
   columnMode: 'force',
+  pageSize: 10,
+  pageSizeOptions: [5, 10, 20],
 };
 
 @Component({