diff options
| author | Bradley Taunt <brad@serpapi.com> | 2024-06-13 14:57:38 -0400 |
|---|---|---|
| committer | Bradley Taunt <brad@serpapi.com> | 2024-06-13 14:57:38 -0400 |
| commit | 26c7db12364e8eba08e2f8e85bb534ed735a0be8 (patch) | |
| tree | 0e1d2f6e2456ca2266993eef72881057ee5b3dd9 /_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md | |
| parent | a134c38317e808d6535af990cc505dab1bc7bbfe (diff) | |
Major overhaul and cleanups
Diffstat (limited to '_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md')
| -rw-r--r-- | _posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md b/_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md index c9005e4..6d71cb2 100644 --- a/_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md +++ b/_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md @@ -23,8 +23,10 @@ Your browser does not support the video tag. Pretty awesome, right? It might look like magic but it's actually very easy to implement. You only need to add 2 CSS properties on your `thead`: - position: sticky; - top: 0; +```css +position: sticky; +top: 0; +``` That's it! Best of all, `sticky` has [~96% global support](https://caniuse.com/?search=sticky) which means this isn't some "bleeding-edge" property and can safely support a ton of browsers. Not to mention the improved experience for your end-users! |