When CSS is used that puts a border around sticky tables, the sticky header table doesn't inherit the full outer width of its parent. As a result, all header columns slightly dip toward center. Also, a slight gap appears on the right between header table and parent table's border, unless table.sticky-header is given a margin-left equivalent to the left border width.

Note that it doesn't matter if table.sticky-header is given the same border--this issue still occurs.

CommentFileSizeAuthor
#2 1728122-2.patch448 bytesrymo
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

nod_’s picture

Version: 7.15 » 8.x-dev
Status: Active » Closed (duplicate)

This one legit as well.

It's taken care of by this one #1574738: Rewrite tableheader.js

rymo’s picture

Version: 8.x-dev » 7.x-dev
Status: Closed (duplicate) » Needs review
FileSize
448 bytes

back-porting to 7.x the simple one-line fix for this specific issue. outerWidth() has been in jQuery since 1.2.6.

Cellar Door’s picture

Status: Needs review » Reviewed & tested by the community

Yup! I just did this in an install and looked to see if anyone else was running into it as well. It's simple and shouldn't effect anything really and worked on tables that we have with wide borders. I'd consider this RTBC...

David_Rothstein’s picture

Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.