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

10 votes217 views3 answers
Css on click
CSS
8 votes232 views1 answer
How to get my div to centre
CSS
0 vote230 views2 answers
Curved lines css
CSS
2 votes251 views1 answer
Css square image
CSS
-1 vote218 views2 answers
How to scroll fixed position
CSS
0 vote269 views1 answer
Keeping text to be in one line
CSS
1 vote225 views1 answer
Slickjs height
CSS
21 votes218 views2 answers
Remove focus border
CSS
0 vote216 views1 answer
Css hollow circle
CSS
3 votes241 views2 answers
Antialiasing css
CSS