How to make a plain table?

spirit1977 · July 2014

Hello, I would like to have a plain table with no borders, backgrounds, mouse-over, text centered etc. What can I add to my custom css?

Thank you.

Albert · July 2014

Hi,

please send us url to page where you got this table and we`ll see what we can do for you. Because it is not possible to clear all styles inside table, each element inside table must be clear manually one by one.

spirit1977 · July 2014

http://www.vorsorgeausweis.ch/portfolio-item/emoose-ug/

Password is: abitur

Albert · July 2014

Hope below css will help you because we have no other solution for that:

table tr:first-child td { background: none; }
table tr:hover td { color: #6E6262; }
table tr td { border: none; text-align: left; }
table tr:nth-child(2n) td { background: none !important; }

spirit1977 · July 2014

I did it that way:

table th, table td {

padding: 0px;

text-align: left;

border-width: 0px;

border-style: solid;

vertical-align: middle;

}

Thanks for your help

Albert · July 2014

Ok then. Thanks for your explanation!

Vicky1992 · February 2017

table tr:first-child td { background: none; }
table tr:hover td { color: #6E6262; }
table tr td { border: none; text-align: left; }
table tr:nth-child(2n) td { background: none !important; }

It doesn't remove the hover background, and when hover on the table text color will change also.

Bryan · February 2017

Hi,

Could you please provide us with a link to your website? Also, a screenshot describing the issue or desired look would be much appreciated.

Thanks

How to make a plain table?

Comments