要实现表格固定表头，并且两个表格在tbody上有滚动条的对齐问题，可以使用CSS和JavaScript来实现。下面是一个示例代码：

HTML代码：

  

    

      

        
表头1
        
表头2
        
表头3
      
    
    

      

        
数据1
        
数据2
        
数据3
      
      
    
  



  

    

      

        
表头1
        
表头2
        
表头3
      
    
    

      

        
数据1
        
数据2
        
数据3
      
      
    
  

CSS代码：

.table-container {
  width: 300px;
  height: 200px;
  overflow: auto;
}

#table1,
#table2 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#table1 thead,
#table2 thead {
  position: sticky;
  top: 0;
  background-color: #fff;
}

#table1 thead th,
#table2 thead th {
  white-space: nowrap;
}

#table1 tbody,
#table2 tbody {
  display: block;
  height: 100px; /* 设置tbody的高度 */
  overflow-y: scroll;
}

#table1 tbody td,
#table2 tbody td {
  white-space: nowrap;
}

JavaScript代码：

window.onload = function() {
  var table1 = document.getElementById('table1');
  var table2 = document.getElementById('table2');

  table1.addEventListener('scroll', function() {
    table2.scrollTop = this.scrollTop;
  });

  table2.addEventListener('scroll', function() {
    table1.scrollTop = this.scrollTop;
  });
};

通过以上代码，我们可以实现两个表格在tbody上有滚动条的对齐问题，并且表头会固定在顶部。需要注意的是，上述代码只是一个示例，具体的样式和逻辑可以根据实际需求进行修改。