[Wishlist] Fix the table header so that it's always visible when scrolling a long page

VisibleSpectrum / google-refine

Automatically exported from code.google.com/p/google-refine

Other

0 stars 0 forks source link

[Wishlist] Fix the table header so that it's always visible when scrolling a long page #38

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago

I like to work with large page sizes (eg 50, though more would be nice too) and 
it's a little awkward 
having to scroll to the top in order to perform operations on cells beyond a 
simple edit.

So I propose fixing the header to the top of the scrolling viewport and only 
scrolling the content 
cells. This can be achieved relatively easily using <thead> for the heading 
cells and overflow-y: 
scroll on <tbody> (if I recall correctly, I haven't looked into this in great 
detail)

Original issue reported on code.google.com by AndrewOf...@gmail.com on 14 May 2010 at 4:03

GoogleCodeExporter commented 8 years ago

ah, didn't know one could use overflow differently on thead and tbody... if so, 
you're right, it should be pretty 
trivial. I'll try it.

Original comment by stefano.mazzocchi@gmail.com on 14 May 2010 at 4:18

Changed state: Accepted

GoogleCodeExporter commented 8 years ago

Original comment by iainsproat on 14 Oct 2010 at 9:24

Added labels: Component-UI, Type-Enhancement, Usability
Removed labels: Type-Defect

GoogleCodeExporter commented 8 years ago

Issue 151 has been merged into this issue.

Original comment by iainsproat on 14 Oct 2010 at 1:29

GoogleCodeExporter commented 8 years ago

Issue 365 has been merged into this issue.

Original comment by dfhu...@gmail.com on 17 Apr 2011 at 3:46

GoogleCodeExporter commented 8 years ago

Here's a starter on this that I think produces the requisite 
table+thead/th+tbody/td structure. Only tested in Chrome! A CSS whiz can step 
in and finish it.

From what I've seen & having tried it myself it's not straightforward with the 
non-fixed width column & horiz scrollbar requirements of Refine. 
https://github.com/golovko/Fixed-Header-Table seemed to me a good starting 
point (out of about two dozen I Iooked at...)

Original comment by paulm%pa...@gtempaccount.com on 28 May 2011 at 10:03

Attachments:

data-table.diff

GoogleCodeExporter commented 8 years ago

This issue was closed by revision r2229.

Original comment by dfhu...@google.com on 1 Sep 2011 at 10:03

Changed state: Fixed

GoogleCodeExporter commented 8 years ago

Original comment by dfhu...@gmail.com on 1 Sep 2011 at 10:04

Added labels: Milestone-2.5