Optimize the visual experience of the nz-table template. (#2112)

Co-authored-by: tomsun28 <tomsun28@outlook.com> Co-authored-by: Logic <zqr10159@dromara.org>
apache · Jun 21, 2024 · 9b7b00e · 9b7b00e
1 parent b397629
commit 9b7b00e
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 30 deletions.
diff --git a/web-app/src/app/routes/alert/alert-center/alert-center.component.html b/web-app/src/app/routes/alert/alert-center/alert-center.component.html
@@ -99,7 +99,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/alert/alert-converge/alert-converge.component.html b/web-app/src/app/routes/alert/alert-converge/alert-converge.component.html
@@ -63,7 +63,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html b/web-app/src/app/routes/alert/alert-notice/alert-notice.component.html
@@ -37,13 +37,7 @@
         {{ 'alert.notice.receiver.new' | i18n }}
       </button>
     </div>
-    <nz-table
-      #fixedTable
-      [nzData]="receivers"
-      [nzLoading]="receiverTableLoading"
-      [nzScroll]="{ x: '1240px', y: '100%' }"
-      nzFrontPagination="false"
-    >
+    <nz-table #fixedTable [nzData]="receivers" [nzLoading]="receiverTableLoading" [nzScroll]="{ x: '1240px' }" nzFrontPagination="false">
       <thead>
         <tr>
           <th nzAlign="center" nzWidth="15%">{{ 'alert.notice.receiver.people' | i18n }}</th>
@@ -171,13 +165,7 @@
       </button>
     </div>
 
-    <nz-table
-      #ruleFixedTable
-      [nzData]="rules"
-      [nzLoading]="ruleTableLoading"
-      [nzScroll]="{ x: '1240px', y: '100%' }"
-      nzFrontPagination="false"
-    >
+    <nz-table #ruleFixedTable [nzData]="rules" [nzLoading]="ruleTableLoading" [nzScroll]="{ x: '1240px' }" nzFrontPagination="false">
       <thead>
         <tr>
           <th nzAlign="center" nzWidth="15%">{{ 'alert.notice.rule.name' | i18n }}</th>
@@ -250,7 +238,7 @@
       #templateFixedTable
       [nzData]="templates"
       [nzLoading]="templateTableLoading"
-      [nzScroll]="{ x: '1240px', y: '100%' }"
+      [nzScroll]="{ x: '1240px' }"
       nzFrontPagination="false"
     >
       <thead>

diff --git a/web-app/src/app/routes/alert/alert-setting/alert-setting.component.html b/web-app/src/app/routes/alert/alert-setting/alert-setting.component.html
@@ -86,7 +86,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/alert/alert-silence/alert-silence.component.html b/web-app/src/app/routes/alert/alert-silence/alert-silence.component.html
@@ -64,7 +64,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.html b/web-app/src/app/routes/monitor/monitor-list/monitor-list.component.html
@@ -136,7 +136,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/setting/collector/collector.component.html b/web-app/src/app/routes/setting/collector/collector.component.html
@@ -78,7 +78,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>

diff --git a/web-app/src/app/routes/setting/status/status.component.html b/web-app/src/app/routes/setting/status/status.component.html
@@ -157,13 +157,7 @@
         </a>
       </button>
     </div>
-    <nz-table
-      #fixedTable
-      [nzData]="statusComponents"
-      nzFrontPagination="false"
-      [nzLoading]="componentLoading"
-      [nzScroll]="{ x: '1240px', y: '100%' }"
-    >
+    <nz-table #fixedTable [nzData]="statusComponents" nzFrontPagination="false" [nzLoading]="componentLoading" [nzScroll]="{ x: '1240px' }">
       <thead>
         <tr>
           <th nzAlign="center" nzWidth="15%">{{ 'status.component.name' | i18n }}</th>
@@ -250,7 +244,7 @@
       [nzData]="statusIncidences"
       nzFrontPagination="false"
       [nzLoading]="incidentLoading"
-      [nzScroll]="{ x: '1240px', y: '100%' }"
+      [nzScroll]="{ x: '1240px' }"
     >
       <thead>
         <tr>

diff --git a/web-app/src/app/routes/setting/tags/tags.component.html b/web-app/src/app/routes/setting/tags/tags.component.html
@@ -67,7 +67,7 @@
   [nzPageSizeOptions]="[8, 15, 25]"
   (nzQueryParams)="onTablePageChange($event)"
   nzShowPagination="true"
-  [nzScroll]="{ x: '1240px', y: '100%' }"
+  [nzScroll]="{ x: '1240px' }"
 >
   <thead>
     <tr>