CODEWITHSUNDEEP
htmlcssborder
Boltosaurus
Boltosaurus

Reputation: 2216

Avoid dashed border collapse in td/tr elements

any ideas how to avoid this issue when using border-bottom: 2px dotted black; in tables? Any ideas how to avoid this problem, guys?

CSS:

.plain-list tr td {
  color: #eee;
  border-bottom: 2px dotted #eee !important;
  font-size: 20px !important;
  border-top: none;
}

HTML

<table сlass="table table-striped plain-list desktop-table">
    <tbody>
        <tr>
            <th><strong>test</strong></th>
            <th><strong></strong>test</th>
            <th><strong></strong>test</th>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
        </tr>
    </tbody>
</table>

I'm using bootstrap 3 for tables. Is it some known issue or there is something wrong with boreder definitions?

Upvotes: 1

Views: 145

Answers (1)

Gaurav Aggarwal
Gaurav Aggarwal

Reputation: 10187

give a spacing of 1 like this

<table cellpadding="0" cellspacing="1">

example : https://jsfiddle.net/ud2xj9fh/

Upvotes: 2

Related Questions