删除具有边框的所有td的tr到mozilla中的其他tr

Question

我有一个id为foreach (var row in companies.ToList()) { Console.WriteLine("CompanyId:"+row.CompanyId.ToString()); Console.WriteLine("CompanyName:"+row.CompanyName); Console.ReadLine(); } 的表格，其格式为ajax响应。该表的行是从while循环创建的。

agenda_tbl

上表的CSS

<table id="agenda_tbl">
<thead>......</thead>
<tbody>
  <tr>
     <td>Data1</td>
     <td>Data2</td>
     <td>Data3</td>
     <td>Data3</td>
     <td><input type="button" class="approve_btn"</td>
 </tr>
 <tr>
  .........
 </tr>
</table>

我在第一页中为按钮编写了单击事件。当我单击按钮时，我需要完全隐藏当前行。我已经使用以下jquery完成了此操作。

#agenda_tbl
{
margin-top:5px;
border-collapse: collapse;
font-size: 12px;
}
#agenda_tbl td
{
border:1px solid black;
padding:3px;
 }

这个脚本适合我，但相邻行的边框丢失。我搜索了很多，但无法找到解决方案。

屏幕截图1 单击任何行的批准按钮后，相邻的行将丢失其边框。

Answer 1

试试这个。我知道边框比较厚但似乎已经解决了已知的FX 1px行错误 - 至少在Fx 31这就是我在这里

DEMO

#agenda_tbl {
    margin-top:5px;
    border-spacing: 0; 
/* when removing the following line, 
   the lines may be thick but it works in OSX FX 40.0.3  
   even with 1px border */
    border-collapse: collapse; 
    font-size: 12px;
}
#agenda_tbl td {
    padding:3px;
    border:2px solid black;
}