Posted by rootical on February 5, 2012 at 10:23am
3 followers
Jump to:
| Project: | Drupal core |
| Version: | 8.x-dev |
| Component: | javascript |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed (fixed) |
| Issue tags: | overflow, sticky headers |
Issue Summary
Greetings mighty and powerful drupal developers!
I wonder whether it`s possible to use drupal sticky headers when a table has very wide width as in the screenshot given below.
It`s not possible to understand data in a table because there is only a first visible part of the table displayed in the sticky header.
Thanks in advance!
| Attachment | Size | Status | Test result | Operations |
|---|---|---|---|---|
| stickytable.png | 27.88 KB | Ignored: Check issue status. | None | None |
Comments
#1
Which element has the CSS rule? The table or a parent wrapper ? Try putting it on a wrapper and see how it goes.
#2
Thank you nod_ for the answer.
It`s just the same. I`ve tried it in many ways..
I can put overflow-x:scroll on a sticky-header table so it will be having two scrollbars, but how can i make it scrolling while the main table is being scrolled?
#3
Hi,
I think that if you want to use double scrollbars (for both the thead and the tbody) you should use javascript to move them both at once. Now, I do not think this is a regular error, not everyone uses those long vertical tables. Adding the functionality to drupal core would not be a good idea, it rather is a problem on the design of the display of that table.
#4
I wrote such kind of script using jQuery but it would not be working in IE - because the sticky header is generated in table and IE can`t put scrolls in a table.
Well my decision was to unset the default sticky header plugin and use this one - it seems to work better with overflows and the headers have right width.
#5
Issue is not a core issue, should be taken care of in specific cases.
#6
I beg a pardon but it is to be fixed. It is not a specific case, when you have a large table and sticky header can`t set width properly. There are lots of similar issues on this forum and people will be facing it in the future. The maintainers are to just fix it by adding several lines to the sticky header script.
#7
Can you take your concerns to #1574738: Rewrite tableheader.js please? I've tried with very wide tables, during horizontal scrolling the script works fine.
The jQuery plugin generate invalid HTML so it's a no-go.