Jquery 在mozilla中删除一个具有所有td的tr，并将边界生成问题提交给其他tr

我有一个id为agenda_tbl的表，它是ajax响应的形式。此表的行是从while循环创建的

<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完成了这项工作

$(document).on('click','.approve_btn',function(e)
{
    var element = $(this);
    if(confirm('Do you approve this agenda?'))
    {
       element.closest('tr').remove();
    //this hides the current row.Also used hide(),made html() of row 
     //to empty.But doesnt work
    }

});

这个脚本对我来说运行正常，但是相邻行的边框丢失了。我在谷歌上搜索了很多，但找不到解决方案

屏幕快照1 单击任意行的“批准”按钮后，相邻行的边框丢失。

---

试试这个。我知道边界更厚，但它似乎已经解决了已知的FX1PX行错误-至少在FX31，这是我在这里

---

在哪个浏览器中？我在Chrome中有一个小提琴没有显示你的问题：在mozilla中。lemme在Chrome@mplungjanIn FX 31v中检查这个问题。我在Chrome中得到了一个较厚的边框，它工作得非常好。lemme更新firefox。如何删除较厚的边框？？这在mozilla 40.0..0中对我不起作用。它在Chrome中的工作非常奇怪。那么我很抱歉。当我删除边框折叠时，它在mozilla中也能工作。但是边框很厚，对吧。。。很抱歉投票赞成修正错误

$(document).on('click','.approve_btn',function(e)
{
    var element = $(this);
    if(confirm('Do you approve this agenda?'))
    {
       element.closest('tr').remove();
    //this hides the current row.Also used hide(),made html() of row 
     //to empty.But doesnt work
    }

});

#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;
}