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

2 votes333 views2 answers
Css heading background line
CSS
68 votes322 views5 answers
Jquery css
CSS
6 votes364 views1 answer
How to add truncate code
CSS
50 votes325 views3 answers
How to center in absolute position
CSS
0 vote317 views1 answer
Css if select has value
CSS
0 vote340 views1 answer
Change last character color css
CSS
2 votes279 views1 answer
Css scrollbar thumb height
CSS
0 vote312 views1 answer
How to remove underline from list item in html
CSS
3 votes353 views1 answer
Fontawesome trash icon
CSS
5 votes334 views2 answers
Css make input unselectable
CSS