Creating beautiful HTML tables with CSS Dom (dcode) on July 20, 2020 It's easy to make your HTML tables look great - in today's post, we're gonna take a look at around 30 lines of CSS to do just that! Video... Read full post Submit Preview Dismiss Collapse Expand Dom (dcode) Dom (dcode) Dom (dcode) Follow Web Developer from Australia that runs the YouTube Channel 'dcode' π Location Australia Work Web Developer Joined Jul 14, 2020 • Jul 20 '20 Dropdown menu Copy link Hide Had no idea about this! Thanks π Collapse Expand btlm btlm btlm Follow A frontend developer who wants to become full stack in JS (Express framework). Location Poland Education IT Engineer Work Frontend Developer Joined Jul 15, 2020 • Jul 20 '20 • Edited on Jul 20 • Edited Dropdown menu Copy link Hide I really love it. I'm bored of tons of bootstrap-like tables and your guide is such a refreshing approach Collapse Expand Dom (dcode) Dom (dcode) Dom (dcode) Follow Web Developer from Australia that runs the YouTube Channel 'dcode' π Location Australia Work Web Developer Joined Jul 14, 2020 • Jul 20 '20 Dropdown menu Copy link Hide Appreciate that mate! Cheers Collapse Expand Yaovi Yaovi Yaovi Follow Location Earth Joined Dec 10, 2018 • Jul 21 '20 Dropdown menu Copy link Hide I agree with you! Bootstrap is all over the place (even tough i like it and use too)! Collapse Expand Keff Keff Keff Follow Email nombrekeff@gmail.com Location Remote Joined Jun 29, 2019 • Jul 21 '20 Dropdown menu Copy link Hide Nice, did not know about this! Will be using it for sure :) Collapse Expand Yaovi Yaovi Yaovi Follow Location Earth Joined Dec 10, 2018 • Jul 21 '20 Dropdown menu Copy link Hide I second you! Collapse Expand Charanjit Chana Charanjit Chana Charanjit Chana Follow π¨βπ» Associate Director & Head of Development πͺ Progressive Enhancement FTW! Location London, UK Education BSc, Kingston University Work Associate Director & Head of Development at Maglabs Joined Sep 25, 2017 • Jul 22 '20 Dropdown menu Copy link Hide Hard to believe we once used tables to layout entire pages :) Great example, was there any particular reason you used :nth-of-type instead of nth-child? I would be interested to know how you would make this responsive if you had a few more columns or where the data is a little longer. Make readable table headers with CSS Charanjit Chana γ» May 28 γ» 3 min read #css #responsive #tables #html Collapse Expand touibeg mohamed touibeg mohamed touibeg mohamed Follow i like coding... Location Algeria Work teacher at high school Joined Nov 21, 2019 • Jul 20 '20 Dropdown menu Copy link Hide beautiful css... Collapse Expand Kinanee Samson Kinanee Samson Kinanee Samson Follow I am a software engineer based in Nigeria, I am a determined and sarcastic person with a crazy sense of humor. Email kinaneesamsonjohn@gmail.com Location Rivers, Nigeria Education Chemistry & Biochemistry Work Freelance Joined Aug 1, 2020 • Dec 6 '20 Dropdown menu Copy link Hide I didn't like working with tables, maybe I'll consider them with this your post Collapse Expand webdeasy.de webdeasy.de webdeasy.de Follow On this profile I publish the best posts from my blog: webdeasy.de Location Germany Joined May 28, 2019 • Jul 21 '20 Dropdown menu Copy link Hide Pretty π Collapse Expand Charanjit Chana Charanjit Chana Charanjit Chana Follow π¨βπ» Associate Director & Head of Development πͺ Progressive Enhancement FTW! Location London, UK Education BSc, Kingston University Work Associate Director & Head of Development at Maglabs Joined Sep 25, 2017 • Jul 22 '20 Dropdown menu Copy link Hide Learn something new everyday! Collapse Expand Autumn Autumn Autumn Follow Karateka π₯, Writer π, Reader π, Dog Lover πΆ https://twitter.com/bee_sec_san Location United Kingdom Joined Feb 23, 2019 • Dec 15 '20 Dropdown menu Copy link Hide Thanks for this! :) Collapse Expand Denzel Joy Sugayan Denzel Joy Sugayan Denzel Joy Sugayan Follow Hi, I'm new here Location New York Joined Jan 30, 2021 • Feb 8 '21 Dropdown menu Copy link Hide what software does he used to code html? Collapse Expand ZhouYao ZhouYao ZhouYao Follow Joined Feb 21, 2021 • Feb 21 '21 Dropdown menu Copy link Hide I use your code in my website. Thank you so much. Collapse Expand anthony-grear anthony-grear anthony-grear Follow High school math teacher learning webdev. Location Hanoi, Vietnam Work Math Teacher at Singapore International School Joined Jan 22, 2021 • Apr 16 '21 Dropdown menu Copy link Hide I just went through a html lesson on tables, so I used your styling to go along with it. Thanks! Collapse Expand alexrodriguez2498 alexrodriguez2498 alexrodriguez2498 Follow Hi i'm Alex! β, Proudly self-tought Developer #NeverStopLearning π Email alexcarvajal2404@gmail.com Joined Dec 14, 2020 • Nov 2 '23 Dropdown menu Copy link Hide excelent article!, nice job. Collapse Expand Gjergji Angjeli Gjergji Angjeli Gjergji Angjeli Follow Joined Sep 18, 2021 • Sep 18 '21 • Edited on Sep 18 • Edited Dropdown menu Copy link Hide How can i change table with only full width table head Collapse Expand Walters Michael Walters Michael Walters Michael Follow My name is Walters Mann, I'm 16 and i am very good at computer courses and ive done a lot of coding like Html, Css, Javascript and a little python. Joined Sep 18, 2024 • Sep 18 '24 Dropdown menu Copy link Hide wow these is really nice Collapse Expand Fahim Ullah Fahim Ullah Fahim Ullah Follow Software student Joined May 27, 2024 • May 27 '24 Dropdown menu Copy link Hide Nice work Collapse Expand Shiraz Coders Shiraz Coders Shiraz Coders Follow Joined Jun 7, 2021 • Jun 7 '21 Dropdown menu Copy link Hide Yeah, your right! Thanksπ€ Code of Conduct • Report abuse
Had no idea about this! Thanks π
I really love it. I'm bored of tons of bootstrap-like tables and your guide is such a refreshing approach
Appreciate that mate! Cheers
I agree with you! Bootstrap is all over the place (even tough i like it and use too)!
Nice, did not know about this! Will be using it for sure :)
I second you!
Hard to believe we once used tables to layout entire pages :)
Great example, was there any particular reason you used
:nth-of-typeinstead ofnth-child?I would be interested to know how you would make this responsive if you had a few more columns or where the data is a little longer.
Make readable table headers with CSS
Charanjit Chana γ» May 28 γ» 3 min read
beautiful css...
I didn't like working with tables, maybe I'll consider them with this your post
Pretty π
Learn something new everyday!
Thanks for this! :)
what software does he used to code html?
I use your code in my website. Thank you so much.
I just went through a html lesson on tables, so I used your styling to go along with it. Thanks!
excelent article!, nice job.
How can i change table with only
wow these is really nice
Nice work
Yeah, your right! Thanksπ€