CSS表格邊框不會摺疊

Question

我有一個這樣的表格，我添加了邊框底部。列之間有空格。我無法確定我做錯了什麼。我應該在這裏做什麼？

#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; 
}  

Answer 1

試試這個片斷：

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

Answer 2

它缺少一些HTML，但這裏有一個簡單的解決方案

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

和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; 
} 

Answer 3

你可以試試下面的，包括在你的CSS代碼行

table{ 
border-spacing : 0; 
} 

Sample Example