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.

Files: 
CommentFileSizeAuthor
#2 1728122-2.patch448 bytesrymo
PASSED: [[SimpleTest]]: [MySQL] 40,058 pass(es).
[ View ]

Comments

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

Version:8.x-dev» 7.x-dev
Status:Closed (duplicate)» Needs review
StatusFileSize
new448 bytes
PASSED: [[SimpleTest]]: [MySQL] 40,058 pass(es).
[ View ]

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

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...

Status:Reviewed & tested by the community» Fixed

Status:Fixed» Closed (fixed)

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