HTML表格的邊界行不顯示在jsPopUp窗口中？

這裏的情況是，如果我的錶行應用邊框它沒有顯示我用它內嵌還，但在輸出沒有什麼區別：HTML表格的邊界行不顯示在jsPopUp窗口中？

代碼：

<style> 
.dispTab{ 
    border:1px solid black; 
    width:100%;text-align:left;line-height:30px; 
} 
.dispTab tr{ 
    border:1px solid black; 
} 

</style> 
<table id="dispTab" class="dispTab" > 
    <thead > 
     <tr style="border:1px solid black"> 
      <th class="leftalign">Date 
      </th> 
      <th class="leftalign">Time 
      </th> 
      <th class="leftalign">Location 
      </th> 

     </tr> 
    </thead> 
    <tbody> 

<tr><td>01/05/2013<br/>Wednesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>02/05/2013<br/>Thursday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>03/05/2013<br/>Friday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>04/05/2013<br/>Saturday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>05/05/2013<br/>Sunday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>06/05/2013<br/>Monday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>07/05/2013<br/>Tuesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>08/05/2013<br/>Wednesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>09/05/2013<br/>Thursday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>10/05/2013<br/>Friday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>11/05/2013<br/>Saturday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>12/05/2013<br/>Sunday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>13/05/2013<br/>Monday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>14/05/2013<br/>Tuesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>15/05/2013<br/>Wednesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>16/05/2013<br/>Thursday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>17/05/2013<br/>Friday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>18/05/2013<br/>Saturday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>19/05/2013<br/>Sunday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>20/05/2013<br/>Monday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>21/05/2013<br/>Tuesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>22/05/2013<br/>Wednesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>23/05/2013<br/>Thursday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>24/05/2013<br/>Friday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>25/05/2013<br/>Saturday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>26/05/2013<br/>Sunday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>27/05/2013<br/>Monday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>28/05/2013<br/>Tuesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>29/05/2013<br/>Wednesday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>30/05/2013<br/>Thursday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr><tr><td>31/05/2013<br/>Friday</td><td colspan="2" style="text-align:center;">No Meetings</td></tr></tbody> 
</table>

來源

2013-05-17 Siva G

行不能病急亂投醫，而是把邊境個元素 – AMember

我得到了答案：

.dispTab{ 
    border:1px solid black; 
    width:100%; 
    text-align:left; 
    line-height:30px; 
    border-collapse:collapse 
} 
.dispTab th, .dispTab td{ 
    border:1px solid black; 
    border-collapse:collapse; 
}

來源

2013-05-17 06:29:25

謝謝你的意見.... –

應用邊界到單元格而不是行。
如果您不想要垂直單元格分隔符邊框，請關閉border-left和border-right。
如果你想在表中沒有「笨拙」，摺疊邊框

參見CSS：

.dispTab{ 
    border-collapse: collapse; 
    border: 1px solid black; 
    width: 100%; 
    line-height: 30px; 
} 
.dispTab th, .dispTab td { 
    border: 1px solid black; 
    border-left: 0 none; 
    border-right: 0 none; 
}

來源

2013-05-17 06:20:13

確定它是未來，但它正在尋找笨拙...... –

@SivaG看到我更新的答案上 - 究竟是什麼笨拙的手段？ –

這意味着不優雅，但它看起來像我們已經使用雙邊框... –

做這樣的事情，FIDDLE

添加邊界崩潰：崩潰

.dispTab { 
    border:1px solid black; 
    width:100%; 
    text-align:left; 
    line-height:30px; 
    border-collapse:collapse 
}

來源

2013-05-17 06:25:42

你的回答是確定的，但我需要垂直邊框也...現在它來了我發佈了答案... –

垂直邊框，你需要將邊框應用於TD http://jsfiddle.net/RT6WZ/1/ –

雅你的權利............但你錯過了一件事，我們必須使用邊界崩潰那裏也有權利......我現在完成了它即將到來.......... –

.dispTab{ 
    border:1px solid black; 
    width:100%; 
    line-height:30px; 
    border-collapse:collapse 
} 
.dispTab td { 
    border:1px solid black; 
}

來源

2013-05-17 06:59:13 krutssss

HTML表格的邊界行不顯示在jsPopUp窗口中？

回答

相關問題