From 26c7db12364e8eba08e2f8e85bb534ed735a0be8 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Thu, 13 Jun 2024 14:57:38 -0400 Subject: Major overhaul and cleanups --- _posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to '_posts/2024-02-23-Please_Make_Your_Table_Headings_Sticky.md') 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! -- cgit v1.2.3-54-g00ecf