2016-07-22 50 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>