CODEWITHSUNDEEP
css
acai
acai

Reputation: 479

CSS Table Border Does not Collapse

I have a table like this and I am adding the border-bottom. There is space between the columns. I cannot figure where I did wrong. What should I do here?

enter image description here

#T_e5208500_98ac_11e7_a588_1866da2de39f table {
    border-collapse: collapse;
    table-layout: fixed;
}        
#T_e5208500_98ac_11e7_a588_1866da2de39f th,td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 67px;
}        
#T_e5208500_98ac_11e7_a588_1866da2de39f th {
    text-align: left;
    border-bottom: 1px solid black;
}      
#T_e5208500_98ac_11e7_a588_1866da2de39f td {
    text-align: right;
}

Upvotes: 0

Views: 924

Answers (3)

techiebhann
techiebhann

Reputation: 9

You can try including below lines in your CSS code

table{
border-spacing : 0;
}

Sample Example

Upvotes: 1

michael fields
michael fields

Reputation: 21

It was missing some HTML but here is a simple solution

<table>
    <thead>
        <th>Header 1</th>
        <th>Header 2</th>
    </thead>
    <tr>
        <td>Hello Header</td>
        <td>Hello Header</td>
    </tr>
</table>

and the css

table {
    border-collapse: collapse;
    table-layout: fixed;
}

th,td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    padding-right: 5px;
}
thead{
    border-bottom: 1px solid black;
}

Upvotes: 0

Balchandar Reddy
Balchandar Reddy

Reputation: 112

try this snippet:

#T_e5208500_98ac_11e7_a588_1866da2de39f table,th,td{
    border-collapse: collapse;
}

Upvotes: 0

Related Questions