[SPARK-27135][WebUI]Add ToolTip support for overflow text

[sandeep-katta]

What changes were proposed in this pull request?

Hover is supported on the description column,so when the description column overflows user can view the complete details

How was this patch tested?

Manually

Before Fix

After Fix

e.g. 1

e.g. 2

[sandeep-katta]

CC @vanzin @srowen @gengliangwang

[AmplabJenkins]

Can one of the admins verify this patch?

[srowen]

I think that's probably OK; does the cell expand automatically when you mouse over it?

[sandeep-katta]

yes, it expands automatically as attached in the image

[gengliangwang]

@sandeep-katta Thanks for the work.
I tried the patch. To me, the user experience is not very good. On mouse over, the table size is changed; if the mouse goes over table descriptions, then the table keep changing.

Personally, I prefer the way like tooltip:

Or showing the hidden part on click as SQL execution table:

[sandeep-katta]

ok will work on tooltip and update the code accordingly

[sandeep-katta]

With ToolTip it looks like below

With very large Query

[srowen]

I think that's good too, it's unobtrusive and gives the detail.

[sandeep-katta]

@gengliangwang is this tooltip approach is okay ?

[gengliangwang]

@sandeep-katta I took a look into this.
I found that there is already a double click event for showing the full description:
#6646

I am not sure about adding tooltip now.

[srowen]

Ha, I never realized that. I agree, we shouldn't add this then.