Table essentaial styles css

Make your table markup as simple as possible, and keep things flexible, e.g. by using percentages, so the design is more responsive.
Use table-layout: fixed to create a more predictable table layout that allows you to easily set column widths by setting width on their headings (<th>).
Use border-collapse: collapse to make table elements borders collapse into each other, producing a neater and easier to control look.
Use <thead>, <tbody>, and <tfoot> to break up your table into logical chunks and provide extra places to apply CSS to, so it is easier to layer styles on top of one another if required.
Use zebra striping to make alternative rows easier to read.
Use text-align to line up your <th> and <td> text, to make things neater and easier to follow.

Similar codes

54 votes163 views6 answers
Css ellipsis
CSS
0 vote143 views1 answer
Couloured button link generator code
CSS
0 vote171 views1 answer
Css how to remove underline from visited sites
CSS
0 vote148 views1 answer
Javascript typewriter effect left to right
CSS
21 votes141 views2 answers
Form field focus border remove css
CSS
3 votes179 views5 answers
Css keep aspect ratio image
CSS
0 vote146 views1 answer
Css opacity from 0 to 1
CSS
0 vote182 views1 answer
Foreach and if condition in qweb
CSS
88 votes246 views6 answers
Css border radius
CSS
7 votes152 views3 answers
Css animation infinite
CSS