-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
11c9f27
commit 62c091d
Showing
1 changed file
with
25 additions
and
0 deletions.
There are no files selected for viewing
25 changes: 25 additions & 0 deletions
25
_posts/2024-02-27-please-make-your-table-headings-sticky.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
--- | ||
title: "Please Make Your Table Headings Sticky" | ||
date: "Tue Feb 27 16:47:55 -0500 2024" | ||
category: dev | ||
link: https://btxx.org/posts/Please_Make_Your_Table_Headings_Sticky/ | ||
--- | ||
|
||
Someone on Hacker News posted [Please Make Your Table Headings Sticky][], | ||
a plea for web developers to make their table headings sticky. | ||
|
||
I've honestly never given it much thought, but I could see it being a nice UX | ||
improvement on large tables. | ||
|
||
Turns out it's pretty simple to implement: | ||
|
||
```css | ||
table { | ||
position: sticky; | ||
top: 0; | ||
} | ||
``` | ||
|
||
Maybe I'll remember it next time I'm working on a huge table. | ||
|
||
[1]: {{ page.link }} |