2016-07-22 48 views
1

如果數據量巨大,表td得到擴展嗎?在那裏,我把它固定到整個桌子寬度的20%。我應該如何管理這個?TD在運行時得到擴展

請找到我的代碼如下。問題在第三輪。

<style type="text/css"> 

.Method_SubTable_TD 
{ 
border:solid black 1.0pt; 
padding:0cm 5.4pt 0cm 5.4pt; 
} 
</style> 
<br> 
<br> 
<table width="90%" > 
<tr valign="bottom"> 
<td class= "Method_SubTable_TD" width="20%"> 
<p class="MsoNormal"><span style="color:black">Failure in Clicking on link ABC under Main tab</span></p> 
</td> 
<td style="background:#ffc7ce;" class= "Method_SubTable_TD" width="10%"> 
<p class="MsoNormal"><span style="color:#9c0006">FAILED</span></p> 
</td> 
<td class= "Method_SubTable_TD" width="20%"> 
<p class="MsoNormal"><span style="color:blue"><a><span  style="color:blue;text-decoration:none; word-wrap:break- 

word">file:/C:/Testing/<wbr>Selenium_Workspace/JSP/<wbr>Project/Results/<wbr>Scr eenshots/FailTC_2016-07-12_<wbr>12-04-38.jpeg</span></a></span></p> 
</td> 
<td class= "Method_SubTable_TD" width="10%"> 
    <p class="MsoNormal"><span style="color:black">Test_DestinationsLink</span></p> 
</td> 
<td class= "Method_SubTable_TD" width="10%"> 
<p class="MsoNormal"><span style="color:black">88</span></p> 
</td> 
<td class= "Method_SubTable_TD" width="10%"> 
<p class="MsoNormal"><span style="color:black">Google Chrome</span></p> 
</td> 
<td class= "Method_SubTable_TD" width="20%"> 
<p class="show-read-more"><span style="color:black" ></span></p> 
</td> 

</tr> 
</table> 
+0

你可能需要寫javascript做到這一點。 –

+0

你能分享更多的代碼嗎? –

+0

如果您將其固定爲20%,您是否真的想在內容大於可用空間的情況下擴展它?如果是這樣,爲什麼你首先把它修復到20%? – Thomas

回答

0

呦可以設置寬度風格到TD

添加包裝屬性TD

<table> 
    <tr> 
    <th>Name</th> 
    <th>Age</th> 
    </tr> 
    <tr> 
    <td width="70%" wrap>ABC</td> 
    <td width="30%" wrap>24</td> 
    </tr> 
    <tr> 
    <td>PQR</td> 
    <td>25</td> 
    </tr> 
</table> 
+0

我把這個設置爲width =「10%」,但是在運行時,如果arr_result_testresult.get(i)具有巨大的數據,它就會實現。 –

+0

將包裝屬性添加到td –

0

謝謝大家。

早些時候,我已經應用了包裝文本跨度,它不起作用。現在我把它改成了p標籤和它的工作。

請找到下面的代碼

p.test { 
width: 11em; 
word-wrap: break-word; 
} 

<td class= "Method_SubTable_TD" width="20%"> 
<p class="test"><span style="color:blue"><a><span style="color:blue;text-decoration:none; word-wrap:break-word;"> 
file:/C:/Testing/<wbr>Selenium_Workspace/JSP/<wbr>Project/Results/<wbr>Screenshots/FailTC_2016-07-12_<wbr>12-04-38.jpeg</span></a></span></p> 
</td>