2014-02-27 15 views
0

我正在使用Bootstrap。
我有一個表,其中一些行需要與他們下面的行分組。
這意味着它們之間應該沒有邊界。
我想知道是否有一個固有的bootstrap方式做到這一點,或者我是否需要 放在每個tr style="..no border.."
我只關心該解決方案在Chrome上工作(並很高興有FF)。控制一個表格行,如果它有下邊框

+0

你能提供一些您的相關HTML或CSS這個問題的?此鏈接可能會爲您提供一些幫助:http://stackoverflow.com/questions/10474303/how-to-neutralize-css-definitions-without-overriding – TylerH

+0

該html是一個簡單的

... ..
和你給我的鏈接是我打算做的,如果我找不到bootstrap解決方案。我特別想知道是否有BS解決方案來學習FW。我知道如何解決這個純粹的CSS/HTML。 –

回答

0
<table> 
    <tr> 
     <td> 
      <label>Stuff</label> 
     </td> 
     <td> 
      <label>sdrfg</label> 
     </td> 
    </tr> 
    <tr class="group"> 
     <td> 
      <label>Other stuff</label> 
     </td> 
     <td> 
      <label>asdfgh</label> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <label>Other stuff</label> 
     </td> 
     <td> 
      <label>asdfgh</label> 
     </td> 
    </tr> 
</table> 

CSS:

table{ 
    width:100%; 
    border-collapse:collapse; 
} 
table td{ 
    border-top:1px solid #000000; 
} 
table tr.group>td{ 
    border-top:none; 
} 
+0

因爲我使用Bootstrap。它應該只是' table tr.group> td border-top:none; } '和組類應該在第二個元素上,這使得從開發的角度來看更容易(更容易知道你是第二個元素的一部分,而不是第一個元素)。修改你的答案,並接受它 –

+0

@ ItayMoav-Malimovka公平不夠。所以你希望表格數據具有邊界而不是表格行? – sourRaspberri

+0

這是引導程序如何擁有它(TD上的邊界,而不是TR)。 –

相關問題