Javascript 表格滚动上的两个固定标题-添加边框

这张表有两个标题，需要在滚动时修复。 我非常接近一个令人满意的结果，虽然，当我滚动时，我希望标题边框可见，以避免在标题行之间显示数据

HTML

JS

如小提琴上所示，我当前的结果是：

---

我想这就是你想要的：

   thead {
  background-color: white;
}

---

将cellspacing 0添加到表格标记，并根据需要调整cellpadding。 希望能有帮助。

---

您可以添加一个白色阴影或足够厚的轮廓来覆盖间隙。对整个表格一次应用边框间距；非常感谢@G-Cyr，希望我能选择你的答案，你用一行CSS就得到了！我的意思是直接作为答案的一部分，而不是链接。

.table-fix-head { 
  overflow-y: scroll; height: 290px; 
}

table #multi-header-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

#multi-header-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #0c6ac1;
  color: white;
  border: 2px solid black;
 }

  var $th = $('.table-fix-head').find('thead th')
  $('.table-fix-head').on('scroll', function() {
    $th.css('transform', 'translateY('+ this.scrollTop +'px)');
  });

   thead {
  background-color: white;
}