{"id":8217,"date":"2021-03-01T20:50:28","date_gmt":"2021-03-01T19:50:28","guid":{"rendered":"https:\/\/monodes.com\/predaelli\/2021\/03\/01\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/"},"modified":"2021-03-01T20:50:28","modified_gmt":"2021-03-01T19:50:28","slug":"a-table-with-both-a-sticky-header-and-a-sticky-first-column","status":"publish","type":"post","link":"https:\/\/monodes.com\/predaelli\/2021\/03\/01\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/","title":{"rendered":"A table with both a sticky header and a sticky first column"},"content":{"rendered":"<p><a href=\"https:\/\/css-tricks.com\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/\">https:\/\/css-tricks.com\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">https:\/\/css-tricks.com\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"https:\/\/monodes.com\/predaelli\/2021\/03\/01\/a-table-with-both-a-sticky-header-and-a-sticky-first-column\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"inline_featured_image":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[127,46],"tags":[],"class_list":["post-8217","post","type-post","status-publish","format-link","hentry","category-html","category-web","post_format-post-format-link"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6daft-28x","jetpack-related-posts":[{"id":5369,"url":"https:\/\/monodes.com\/predaelli\/2019\/03\/19\/8-useful-css-tricks-parallax-images-sticky-footers-and-more\/","url_meta":{"origin":8217,"position":0},"title":"8 useful CSS tricks: Parallax images, sticky footers and more","author":"Paolo Redaelli","date":"2019-03-19","format":"link","excerpt":"8 useful CSS tricks: Parallax images, sticky footers and more This article shares some of my most satisfying \u201cah-hah!\u201d moments learning CSS, and I hope it can prompt some \u201cah-hah!\u201d moments for you too. Sticky Footer Zoom-on-Hover Images Instant Night Mode Custom Bullet Points Parallax Images Animation with Cropped Images\u2026","rel":"","context":"In &quot;HTML&quot;","block_context":{"text":"HTML","link":"https:\/\/monodes.com\/predaelli\/category\/html\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5981,"url":"https:\/\/monodes.com\/predaelli\/2019\/09\/18\/the-newswire-wordpress-theme-wordpress-org\/","url_meta":{"origin":8217,"position":1},"title":"The Newswire &#8211; WordPress theme | WordPress.org","author":"Paolo Redaelli","date":"2019-09-18","format":"link","excerpt":"I still can't decide which theme to use for my tentative site for pastoraledesio.it.... The Newswire theme is design for local news sites and blogs. Taking a lead from popular news sites like the HuffPo it has a huge home page slider showing the latest posts (or sticky posts if\u2026","rel":"","context":"In &quot;Themes&quot;","block_context":{"text":"Themes","link":"https:\/\/monodes.com\/predaelli\/category\/themes\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":10748,"url":"https:\/\/monodes.com\/predaelli\/2023\/08\/30\/my-little-printer-friendly-css\/","url_meta":{"origin":8217,"position":2},"title":"My little printer-friendly CSS","author":"Paolo Redaelli","date":"2023-08-30","format":false,"excerpt":"Here is my little \"Printer friendly CSS\" that I add to each and every page using Simple Custom CSS and JS \/* override styles when printing *\/ @media print { @page { margin: 2cm; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } } \/* target the first\u2026","rel":"","context":"In &quot;Tricks&quot;","block_context":{"text":"Tricks","link":"https:\/\/monodes.com\/predaelli\/category\/documentations\/tricks\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7273,"url":"https:\/\/monodes.com\/predaelli\/2020\/05\/28\/rufscript-guillermonkey\/","url_meta":{"origin":8217,"position":3},"title":"Rufscript &#038; Guillermonkey","author":"Paolo Redaelli","date":"2020-05-28","format":"link","excerpt":"I'm always in search for hand-written fonts. I just do like them. Today I found two nice specimens: Rufscript and Guillermonkey. I was looking for a nice note application for Gnome, founding the repo of Sticky from hbons which refers to rufscript, which made me discover fontlibrary.org a \"smallish\" but\u2026","rel":"","context":"In &quot;Fonts&quot;","block_context":{"text":"Fonts","link":"https:\/\/monodes.com\/predaelli\/category\/fonts\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/05\/Rufscript-1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/05\/Rufscript-1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2020\/05\/Rufscript-1.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":2635,"url":"https:\/\/monodes.com\/predaelli\/2017\/07\/30\/dungeonsdragons-and-tsr-fonts\/","url_meta":{"origin":8217,"position":4},"title":"Dungeons&#038;Dragons and TSR fonts","author":"Paolo Redaelli","date":"2017-07-30","format":false,"excerpt":"From http:\/\/www.hahnlibrary.net\/rpgs\/tsrfonts.html and https:\/\/www.kirith.com\/tsr-fonts\/: 2nd edition logo and headers: Linotype Fritz Quadrata Bold 2E Revised Hardcovers, Headers (PHB, DMG, Labyrinth of Madness): University Roman Bold Plain: 1.0 Dark Sun (one of my favourite settings) Papyrus TSR & WotC Font Usage FAQ This is a FAQ in that the question \"What\u2026","rel":"","context":"In &quot;Fonts&quot;","block_context":{"text":"Fonts","link":"https:\/\/monodes.com\/predaelli\/category\/fonts\/"},"img":{"alt_text":"PH1 Interior Logo","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2017\/06\/ph1intlogo-4.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6263,"url":"https:\/\/monodes.com\/predaelli\/2019\/11\/18\/cell-editable-vue-table\/","url_meta":{"origin":8217,"position":5},"title":"cell-editable vue table","author":"Paolo Redaelli","date":"2019-11-18","format":false,"excerpt":"It seems time has come for me to learn Chinese or to heavily rely on translators: vue table \u7ec4\u4ef6 \u5f3a\u5927\u3001\u7075\u6d3b\uff0c\u652f\u6301 \u5355\u5143\u683c\u5408\u5e76\u3001\u5355\u5143\u683c\u7f16\u8f91\u3001\u591a\u8868\u5934\u56fa\u5b9a\u3001\u591a\u5217\u56fa\u5b9a\u3001\u5217\u62d6\u52a8\u3001\u6392\u5e8f\u3001\u81ea\u5b9a\u4e49\u5217\u3001\u5206\u9875\u3001\u5355\u5143\u683c\u7f16\u8f91\u3001\u5168\u9009\u3001\u884c\u5c55\u5f00\u3001\u6761\u4ef6\u8fc7\u6ee4\u3001footer \u6c47\u603b\u3001\u5bfc\u51faexcel\u3001\u6c47\u603b Vue2.x flexible table components, support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort, custom column,Cell Editing, Support cell merge (colSpan and rowSpan),Support checkbox selection Source: vue table\u2026","rel":"","context":"In &quot;Javascript&quot;","block_context":{"text":"Javascript","link":"https:\/\/monodes.com\/predaelli\/category\/javascript\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/8217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/comments?post=8217"}],"version-history":[{"count":0,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/8217\/revisions"}],"wp:attachment":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/media?parent=8217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/categories?post=8217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/tags?post=8217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}