Javascript 表';在使用ajax向tr添加另一个页面后,s列的宽度会发生变化

Javascript 表';在使用ajax向tr添加另一个页面后,s列的宽度会发生变化,javascript,html,ajax,html-table,width,Javascript,Html,Ajax,Html Table,Width,我有一个很难解释的问题,我希望你能理解并帮助我,我有一个动态生成行的表,当一行被按下时,它会显示一个包含一些信息的页面,问题是当我按下该行并显示信息页面时,列的宽度会改变,整个表会移动(所有宽度)。我注意到它发生在信息页面加载后,但不知道为什么 代码:这是我发布表格的地方: echo "<table border=\"0\" width=\"100%\" cellspacing=\"0\" align=\"center\" class=\"result_table\" id=\"resul

我有一个很难解释的问题,我希望你能理解并帮助我,我有一个动态生成行的表,当一行被按下时,它会显示一个包含一些信息的页面,问题是当我按下该行并显示信息页面时,列的宽度会改变,整个表会移动(所有宽度)。我注意到它发生在信息页面加载后,但不知道为什么

代码:这是我发布表格的地方:

echo "<table border=\"0\" width=\"100%\" cellspacing=\"0\" align=\"center\" class=\"result_table\" id=\"result_table\">

<tr align=\"right\" bgcolor=\"red\">
<th bgcolor=\"#cccccc\" align=\"right\" >עיר</th>
<th bgcolor=\"#cccccc\" >רחוב</th>
<th bgcolor=\"#cccccc\" >מספר בית</th>
<th bgcolor=\"#cccccc\" >מחיר</th>
</tr>"; 
foreach($types as $data){               
echo $data['id'];
echo "<tr onClick=\"waiting_for_post(".$data['id'].");\" 
class=\"search_row\">";
echo "<td align=\"right\" width=\"25%\">";
echo $data['city'];
    echo "</td>";
echo "<td align=\"right\">";
echo $data['street'];
echo "</td>";
echo "<td align=\"right\">";
echo $data['house'];
    echo "</td>";
echo "<td align=\"right\">";
echo $data['price'];
echo "</td></tr>";
echo "<tr class=\"info_row\" style=\"width:100%\"><td colspan=\"4\"><div id=\"div_num_".$data['id']."\" style=\"height:0px\" ></div></td></tr>";

function waiting_for_post(apart_id){
var div = document.getElementById("div_num_"+apart_id)
var xmlhttp = createXmlHttpRequestObject();

xmlhttp.onreadystatechange=function()
{
   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {

     var responseText = xmlhttp.responseText;

     div.innerHTML = responseText;
        div.style.visibility = 'visible';
        div.style.height= "225px";
        div.style.width="100%";
   }
}
xmlhttp.open("GET","publish_data.php?id="+apart_id,true);
xmlhttp.send(); 

}
echo”
עיר
רחוב
מספר בית
מחיר
"; 
foreach($type作为$data){
echo$data['id'];
回声“;
回声“;
echo$数据[‘城市’];
回声“;
回声“;
echo$数据['street'];
回声“;
回声“;
echo$data['house'];
回声“;
回声“;
echo$数据[‘价格’];
回声“;
回声“;
等待发布的函数(分离id){
var div=document.getElementById(“div_num_uu”+partition_id)
var xmlhttp=createXmlHttpRequestObject();
xmlhttp.onreadystatechange=函数()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
var responseText=xmlhttp.responseText;
div.innerHTML=responseText;
div.style.visibility='visible';
div.style.height=“225px”;
div.style.width=“100%”;
}
}
open(“GET”、“publish_data.php?id=“+partition_id,true”);
xmlhttp.send();
}

列的宽度将随内容而变化,因为您设置了“宽度:100%”,使用固定宽度可以解决问题,并尝试估计最大宽度。

谢谢,将宽度设置为固定宽度为我解决了问题。