some table sizing issues …

[stephanParticipant]

Hi,

It has been a while since I last had a look at table sizing and layouting. Today I made a few tests and found some issues that I wanted to address. Please have a look at this fiddle in Firefox:

http://jsfiddle.net/_stephan_/wNEAr/9/

What you should observe as strange issues is the following:
1. there is a horizontal scrollbar visible even though there is nothing to scrlol horizontally
2. the columns “City” and “Test” do not show “…” even though the column header text is truncated
3. the letter ‘g’ in “Large” is not showing completely
4. The vertical scrollbar “thumb” is positioned in the middle, it cant be dragged down, dragging it up makes it jump

The reason why I asked you to look at the fiddle in FireFox is that the issues 2 and 3 do not show up in Internet Explorer 9 (I can not test any other vesions).

Regards,
Stephan

[Peter StoevKeymaster]

Hi Stephan,

The only issue I see is with the vertical scrollbar on FF. Ellipsis is a feature handled by the browser and it does not depend on us. The letter “g” is displayed correctly on my side with the latest version of FF and I also tested with IE9. There are 2-3 pixels for horizontal scrolling and that is why the Horizontal scroll is displayed.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[stephanParticipant]

Hi Peter,

Well issue 2 and 3 I dont care about much. My FireFox is 23.0.1 on a Windows 7 OS … but as I said: i dont care, I just wanted to mention it.

But the horizontal scrollbar: it is a horizontal scrollbar without a “thumb” and as such looks really strange, because you see it and instinctively think its broken somehow … Also I do not understand why it is there for a table with all columns defined as “auto” width.

Also I finally succeesed in recreating a quite similar issue I’m battling with in my actual application, which is a variation of the harizontal scrollbar issue discussed above:
http://jsfiddle.net/_stephan_/wNEAr/10/

There is a horizontal scrollbar, it has a thumb and as such looks OK and implies that it is there for a purpose … but why is it there ? As in the fiddle above the grid has all columns set to “auto” width. I would not expect a horizontal scrollbar. The most annoying thing about the horizontal scrollbar is that it only scrolls for something like 3 or 4 pixels. You cant help but feel that it should not be there, even as a user of the GUI.

I said I finally succeeded, because I think that after some devoted experimentation I found what triggers the strange horizontal scrollbar: apparently it appears with increasing probability when you increase the number of columns.

Regards,
Stephan

[Author]

Posts