要实现表格中子行的滑动动画，可以使用CSS和JavaScript来完成。下面是一个示例的解决方法：

HTML代码：

  

    
主行1
    
展开/收起
  
  

    
子行1内容
  
  

    
主行2
    
展开/收起
  
  

    
子行2内容
  

CSS代码：

.sub-row {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

JavaScript代码：

function toggleSubRow(rowNumber) {
  var subRow = document.getElementById('sub-row-' + rowNumber);
  if (subRow.style.height === '0px') {
    subRow.style.height = subRow.scrollHeight + 'px';
  } else {
    subRow.style.height = '0px';
  }
}

在上述代码中，我们通过CSS设置了子行（class为"sub-row"）的高度为0，并且设置了一个过渡效果。在JavaScript代码中，通过toggleSubRow函数来切换子行的高度，从而实现展开和收起的效果。

当点击按钮时，toggleSubRow函数会根据子行的当前高度来判断是展开还是收起。如果子行的高度为0，则将其高度设置为其内容的高度（scrollHeight），从而实现展开子行的效果；如果子行的高度不为0，则将其高度设置为0，从而实现收起子行的效果。

注意：在实际应用中，你可能需要根据具体情况来调整CSS和JavaScript代码，以适应你的表格和动画效果需求。