[NO-ISSUE] Reduce the minimum column width in table view

[myongyun]

…sively 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.

What is this PR for?

A few sentences describing the overall goals of the pull request's commits.
First time? Check out the contributing guide - https://zeppelin.apache.org/contribution/contributions.html
When I am using the new Zeppelin interface for querying with jdbc or Spark SQL, the resulting table cannot display all the content.
Example: If there is a MySQL table as follows.

When using zeppelin jdbc queries, the following results will be obtained:

You can see that only two fields are displayed.
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.

What type of PR is it?

Improvement
Please leave your type of PR only

Todos

• - Task
  The solution is as follows:
• 1. Add a horizontal scrollbar to the nz table of Angular JS by modifying it, so that the remaining fields can be displayed by scrolling.
• 2. Adjust the column width to be too wide for better display.

What is the Jira issue?

NONE

How should this be tested?

• Strongly recommended: add automated unit tests for any new or changed behavior
• Outline any manual steps to test the PR here.

Screenshots (if appropriate)

Questions:

• Does the license files need to update?
  No need
• Is there breaking changes for older versions?
  no
• Does this needs documentation?
  No need

[jongyoul]

@myongyun Thank you for your first contribution. :-) I enabled the CI. Let's how it goes first.

[jongyoul]

LGTM

[kevinjmh]

Hi @myongyun ，the nzScroll seems taking no effect in my env, the result table cannot display all the content

unless adding config like overflow=auto :

Do you have any idea to solve this?

[jongyoul]

@kevinjmh Hello, could you please explain more?

[kevinjmh]

@jongyoul no scroll bar shows up when too many columns and using the new zeppelin UI, such that we cannot view the whole result

[jongyoul]

@kevinjmh Thank you. Could you please make a ticket for it? I believe that our frontend contributors can help to solve this issue.

[kevinjmh]

issued created， https://issues.apache.org/jira/browse/ZEPPELIN-6062

[jongyoul]

I checked the issue but contributors might not reproduce the problem. Could you please add more information and show how to reproduce it easily? It really helps contributors to solve the problem.

[kevinjmh]

Test case added

[cherrie-k]

Hello @kevinjmh ,

I’ve been looking into the issue you reported. I tried to reproduce the problem using a PostgreSQL database with a similar JDBC query, but everything seemed to work fine on my end-the scroll bar appeared correctly.

To better understand the issue, could you provide a bit more information such as the interpreter configuration and the database you’re using? Also, could you confirm that you’re using the updated version of Zeppelin?

Thanks for your help!

[kevinjmh]

@cherrie-k have you switch to new zeppelin UI in drop-down option on the top right ? It is ok in old UI

[kevinjmh]

I launch another pure zeppelin in vm and setup a mysql jdbc interpreter,

And the interpreter configuration cannot EDIT in new UI too

[cherrie-k]

@kevinjmh
Yes, I tested it using the new Zeppelin UI via the drop-down option.

Also, I've checked the EDIT in interpreter configuration, and it works well for me too.

I built the project using version 0.11.0, as mentioned in the Jira ticket, but I wasn’t able to replicate the problem.

It might be worth trying to rebuild the project to see if that resolves the issue.
Additionally, if possible, consider upgrading to a newer version of Zeppelin, as this could include fixes or improvements related to the issues you’re experiencing.

If the problem persists, please provide any additional details or steps that might help us further investigate.

[kevinjmh]

@cherrie-k I found that the key is jdbc dependencies:

1. edit in newUI cannot save this conf
2. if dependencies is set in old UI, we cannot see and edit the interpreter in new UI

You can try to reproduce by typing a local file path or anything(though file not found will show) in Artifact

[cherrie-k]

@kevinjmh
I finally reproduced the issue!
Thank you for your explanation.
I will work on resolving the issue

[cherrie-k]

@kevinjmh

Does the issue persist for you, when you put in the correct path that doesn't show "file not found" ?

[kevinjmh]

@cherrie-k yes. Typing anything just for quick check. usually I add mysql-connector-java-5.1.47.jar for mysql

[cherrie-k]

@kevinjmh
Would you mind if I add a new Jira ticket for the new issue with 'edit'?
If you want to create it yourself please do so

[kevinjmh]

@cherrie-k ticket created, see https://issues.apache.org/jira/browse/ZEPPELIN-6079

[cherrie-k]

@kevinjmh
I’ve submitted a fix for the issue:
#4818

It should resolve the problem you mentioned.
It would be greatly appreciated if you could take a look and let me know if it works for you

[cherrie-k]

@kevinjmh
Are you still having problems with column width?

[kevinjmh]

sorry that I cannot build and validate the patched package for some network problem, so nothing change