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...
For further actions, you may consider blocking this person and/or reporting abuse
If you want your borders to look sharp on high resolution displays you can use
thin
instead of1px
:)Update! This has apparently changed at some point and you only get regular 1px now (at least on iPhone). But you can use
0.5px
instead to get the same effect.Had no idea about this! Thanks 😊
Nice, did not know about this! Will be using it for sure :)
I second you!
Learn something new everyday!
Hmm, now that I paid attention to it this doesn't seem to work anymore on iPhones :(
Yeah, your right! 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)!
Hard to believe we once used tables to layout entire pages :)
Great example, was there any particular reason you used
:nth-of-type
instead 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...
Thanks for this! :)
I didn't like working with tables, maybe I'll consider them with this your post
Pretty 😊
I use your code in my website. Thank you so much.
what software does he used to code html?
I just went through a html lesson on tables, so I used your styling to go along with it. Thanks!
excelent article!, nice job.
Nice work
wow these is really nice
How can i change table with only