css table出现滚动条

CSS中的table是用于呈现表格数据的元素，但是当表格数据太多时，页面会出现滚动条，这可能会影响用户的体验。这时候可以使用CSS来控制table中的滚动条。

table{
   overflow-y: scroll;
   height: 200px;
}

上述代码会使table出现垂直滚动条，并且设置了table的高度为200像素。这样做的好处是只有table的内容会滚动，而表头和表尾则保持不变。

如果需要在table中同时出现水平和垂直滚动条，则可以加上overflow-x属性。

table{
   overflow-x: scroll;
   overflow-y: scroll;
   height: 200px;
}

上述代码会同时出现水平和垂直滚动条，但是请注意，当出现水平滚动条时，表头和表尾的宽度必须与表格内容的宽度相同，否则会影响显示效果。

除了使用CSS的overflow属性来控制滚动条外，还可以使用JS来实现更多特定的效果。但需要注意的是，在使用JS时最好添加避免JS的浏览器缺省样式。

table{
   overflow: auto;
   height: 200px;
   -ms-overflow-style: none;
   scrollbar-width: none;
}
table::-webkit-scrollbar{
   display: none;
}

上述代码可以隐藏滚动条，提高用户体验。然而，IE和Edge浏览器还是会显示默认的样式。为了解决这个问题，我们需要加上-ms-overflow-style:none来避免这个问题，而在Firefox中则需要使用scrollbar-width:none来隐藏滚动条，以及在Chrome和Safari中使用webkit-scrollbar。

总的来说，在处理滚动条问题时，我们需要结合表格内容进行调整，确保显示效果清晰明了，提高用户体验。