Skip to main content

Bug Tracker

Side navigation

#1105 closed enhancement (invalid)

Opened April 06, 2007 05:28AM UTC

Closed October 12, 2009 11:48PM UTC

plugin desired for tables: keep thead in viewport as long as any of the table is in the viewport

Reported by: dkg Owned by:
Priority: minor Milestone: 1.1.3
Component: plugin Version: 1.1.2
Keywords: Cc:
Blocked by: Blocking:
Description

This is a similar request to #981, but handled differently (and, alas, i don't have a patch or a plugin for it yet).

My concern is with very wide tables (wider than the browser window) which also happen to be very tall. My ideal situation would have the THEAD element react properly when the viewport is scrolled, and position itself vertically at min(bottom of tbody, max(top of the viewport,top of tbody)). This would let you do spreadsheet-style work directly in the browser, using the parent document's scrollbar, while keeping an overlay of the header information needed to tell what's going on.

My initial thought at implementing this was to simply make the TH elements of a table "position:relative" and adjust their "top" value. Unfortunately, in the gecko renderer, "position: relative" doesn't appear to have any effect on TH elements (though i can't find a reference to why at the moment.

Wrapping the contents of each TH with a DIV and making that DIV "position: relative" works better, but some nice tools (e.g. tableSorter) don't seem to like the extra layer inside the DIV very much. Any suggestions pointing me in the right direction would be welcome.

Attachments (0)
Change History (1)

Changed October 12, 2009 11:48PM UTC by dmethvin comment:1

description: This is a similar request to #981, but handled differently (and, alas, i don't have a patch or a plugin for it yet).\ \ My concern is with very wide tables (wider than the browser window) which also happen to be very tall. My ideal situation would have the THEAD element react properly when the viewport is scrolled, and position itself vertically at min(bottom of tbody, max(top of the viewport,top of tbody)). This would let you do spreadsheet-style work directly in the browser, using the parent document's scrollbar, while keeping an overlay of the header information needed to tell what's going on.\ \ My initial thought at implementing this was to simply make the TH elements of a table "position:relative" and adjust their "top" value. Unfortunately, in the gecko renderer, "position: relative" doesn't appear to have any effect on TH elements (though i can't find a reference to why at the moment.\ \ Wrapping the contents of each TH with a DIV and making that DIV "position: relative" works better, but some nice tools (e.g. tableSorter) don't seem to like the extra layer inside the DIV very much. Any suggestions pointing me in the right direction would be welcome.This is a similar request to #981, but handled differently (and, alas, i don't have a patch or a plugin for it yet). \ \ My concern is with very wide tables (wider than the browser window) which also happen to be very tall. My ideal situation would have the THEAD element react properly when the viewport is scrolled, and position itself vertically at min(bottom of tbody, max(top of the viewport,top of tbody)). This would let you do spreadsheet-style work directly in the browser, using the parent document's scrollbar, while keeping an overlay of the header information needed to tell what's going on. \ \ My initial thought at implementing this was to simply make the TH elements of a table "position:relative" and adjust their "top" value. Unfortunately, in the gecko renderer, "position: relative" doesn't appear to have any effect on TH elements (though i can't find a reference to why at the moment. \ \ Wrapping the contents of each TH with a DIV and making that DIV "position: relative" works better, but some nice tools (e.g. tableSorter) don't seem to like the extra layer inside the DIV very much. Any suggestions pointing me in the right direction would be welcome.
resolution: → invalid
status: newclosed

This is not a jQuery core bug. Please report plugin bugs to the plugin's author, or ask on the jQuery forums. jQuery UI bugs should be reported on the UI bug tracker, http://dev.jqueryui.com .