(zeppelin) 06/09: Fix the new zeppelin ui. The specific reason is that the use of excessively wide column widths resulted in the remaining fields being squeezed out of the screen, and nz table did not have a scroll bar set to display scrolling. (#4727)

[jongyoul]

This is an automated email from the ASF dual-hosted git repository.

jongyoul pushed a commit to branch branch-0.11
in repository https://gitbox.apache.org/repos/asf/zeppelin.git

commit 80583856b3bb16a2d4e315742d8a4f407664571d
Author: myongyun <984093...@qq.com>
AuthorDate: Thu Mar 7 19:50:37 2024 +0800

    Fix the new zeppelin ui. The specific reason is that the use of excessively 
wide column widths resulted in the remaining fields being squeezed out of the 
screen, and nz table did not have a scroll bar set to display scrolling. (#4727)
    
    (cherry picked from commit 50efcf82f17390526c7cf57691f8bb9ceda9ad4c)
---
 .../src/app/visualizations/table/table-visualization.component.html    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git 
a/zeppelin-web-angular/src/app/visualizations/table/table-visualization.component.html
 
b/zeppelin-web-angular/src/app/visualizations/table/table-visualization.component.html
index db43a53f0d..0aed77a5b7 100644
--- 
a/zeppelin-web-angular/src/app/visualizations/table/table-visualization.component.html
+++ 
b/zeppelin-web-angular/src/app/visualizations/table/table-visualization.component.html
@@ -37,12 +37,13 @@
 <nz-table #table
           nzSize="small"
           nzShowSizeChanger
+          [nzScroll]="{ x: '1300px' }"
           [nzData]="rows"
           [nzFooter]="aggregatesFooter">
   <thead>
   <tr>
     <th *ngFor="let col of columns"
-        nzWidth="800px"
+        nzWidth="200px"
         nzShowSort
         nzCustomFilter
         [nzSortKey]="col"