CSS设置table下tbody的滚动条实现

在CSS中，如果你想要给`<table>`下的`<tbody>`（表格主体）部分设置滚动条，你可以直接应用滚动相关属性到这个元素上。特别是当你想限制tbody的高度并希望用户能够滚动看到完整的行时，可以这样做：

tbody {
  max-height: 200px; /* 定义tbody的最大可见高度 */
  overflow-y: auto; /* 水平方向不显示滚动条，只在垂直方向显示滚动条 */
  scrollbar-width: thin; /* 如果支持的话，可以自定义滚动条样式 */
}

/* 如果你想改变滚动条的颜色或外观，可以添加下面的规则 */
::-webkit-scrollbar-thumb { /* WebKit 内核 (如 Chrome、Safari) */
  background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* 其他浏览器可能需要类似的标准滚动条样式 */
:-ms-viewport {
  scrollbar-width: none; /* IE/Edge */
}

:-ms-viewport > div {
  scrollbar-width: thin; /* 隐藏原生滚动条，并替换为自定义样式 */
  scrollbar-color: transparent transparent; /* 透明滚动条颜色 */
  scrollbar-base-color: #ccc; /* 用于触发动画的滚动条颜色 */
}

以上CSS设置了`max-height`限制tbody高度，并启用垂直滚动条。为了保持视觉一致性，你还可能需要自定义滚动条的样式。