在Vuetify2版本中,官方文档没有提及到可以固定列的API,但是我们可以直接通过使用css中的粘性定位position: sticky来解决这一问题,css代码如下:
<style>
table > tbody > tr > td:nth-child(1),
table > thead > tr > th:nth-child(1) {
position: sticky !important;
position: -webkit-sticky !important;
left: 0;
z-index: 0;
background: white;
}
table>thead>tr>th:nth-child(1){
z-index: 10 !important;
}
</style>
如果出现表头下拉被隐藏或者抖动可以通过调整z-index优先级的大小解决,效果: