bootstrap-vue固定标头
功能场景:固定表头位置不在浏览器顶部。方法一:在支持的表格有合并单元格的情况下,兼容多种浏览器(包括ie)。通过定义两个表来实现逻辑。一张表只有thead,一张表只有tbody>vue第一行标题1第一行标题2第一行标题3第一行header4第一行标题5第二行标题1第二行标题2第二行标题3第二行标题4第二行标题5第二行标题6第二行标题7
内容1内容2内容3内容4内容5内容6内容7内容8内容9内容10内容11内容12内容13内容14内容15内容16内容17内容18内容19内容20内容21 >css.table-head{.table-bordered{border-bottom-width:2px;}}.table-body{margin-top:-17px;@media(min-width:768px){max-height:650px;}@media(最小宽度:1024px){最大高度:350像素;}&::-webkit-scrollbar{显示:无;}-ms-溢出风格:无;溢出-y:自动;.table-bordered{border-top-width:0px;}}通过标签
可以调整单元格的大小方法二:更新