I need to have such thin line for the whole table as seen above. The above image is a sample only. My solution, doesn't work. The table shows no border at all.
Here is my CSS:
table {
border-width: thin;
border-spacing: 2px;
border-style: none;
border-color: black;
}
The answer is
Style the td and th instead
td, th {
border: 1px solid black;
}
And also to make it so there is no spacing between cells use:
table {
border-collapse: collapse;
}
(also note, you have border-style: none; which should be border-style: solid;)
See an example here: http://jsfiddle.net/KbjNr/
Source: Stackoverflow.com