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
thininstead 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.5pxinstead 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-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...
Thanks for this! :)
I didn't like working with tables, maybe I'll consider them with this your post
Pretty 😊
excelent article!, nice job.
I just went through a html lesson on tables, so I used your styling to go along with it. Thanks!
what software does he used to code html?
I use your code in my website. Thank you so much.
wow these is really nice
How can i change table with only
Nice work
The header doesn't have radius like in the example image